Quantcast
Channel: かずきのBlog@hatena
Viewing all articles
Browse latest Browse all 1387

ReactRouter + TypeScriptでパラメータを受け取る方法

$
0
0

ルートの定義でdetail/:idみたいにしてたら、idという名前のパラメータを受け取ることが出来ます。受け取り方は以下のような感じで。

ReactRouter.RouteComponentPropsの第二型引数にパラメータの型を指定します。

interface DetailComposerProps extends ReactRouter.RouteComponentProps<{}, { id: number }> {}

後は、これをプロパティとして使うように指定したコンポーネントで以下のようにして参照できます。

this.props.routeParams.id

Viewing all articles
Browse latest Browse all 1387

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>