かずきのBlog@hatena

すきな言語は C# + XAML の組み合わせ。Azure Functions も好き。最近は Go 言語勉強中。日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。

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

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

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

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

}

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

this.props.routeParams.id