LoginSignup
4
2

More than 5 years have passed since last update.

react-routerで<Link />にparamsを指定する方法が変わった

Posted at

react-routerの使い方について、React初心者のためのreact-routerの使い方という記事にたいへんお世話になりました。

ただ、バージョンが変わって変更点が発生したっぽいので補足します。

2016年7月4日現在、バージョンを指定せずにreact-routerをインストールすると、

// package.json
 "react-router": "^2.5.2",

となります。

このバージョンにおいて、Linkコンポーネントを使う場合、paramsの指定は、

// このようなルーティングの設定があった場合
<Route name="user" path="/users/:userId"/>

// 以下のリンクコンポーネントで、上記の<Route/>のハンドラーを呼び出せる。
<Link to="user" params={{userId: "123"}}/>

ではなく、

// このようなルーティングの設定があった場合
<Route name="user" path="/users/:userId"/>

// 以下のリンクコンポーネントで、上記の<Route/>のハンドラーを呼び出せる。
<Link to="user/123"/>

となったようです。

無視するとこのように怒られます。
Screen Shot 2016-07-04 at 07.57.56.png

公式:react-router#whats-it-look-like

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2