React Router V4 - 小道具でURLパラメータを取得できない

Question

私は単純なReact-Redux-Router V4アプリケーションを作成しようとしています。私のコンポーネントの1つへのルートは、urlパラメータを使用します。私のRouteコンポーネントでは、コンポーネントを返す無名関数であるrender propを渡しています。そのような：

<Route key="post" path="/post/:id" render={() => <Post/>} />

component小道具とは対照的に、私はこの小道具を使う：

<Route key="post" path="/post/:id" component={Post} />

私はcomponent小道具を使用してレンダリングコンポーネントに小道具にできないんだから。問題はcomponent小道具で、props.match.params.nameを使用できます。これには、必要な正確なパラメータが含まれています。これは、renderコンポーネントを使用している場合は使用できません。

window.location.hrefを使用できますが、汚れているようです。

ありがとうございます！

Answer 1

match、location、およびhistory小道具はrender機能に渡されます。

例：

<Route key="post" path="/post/:id" render={({ match }) => <Post name={match.params.name}/>} /> 

ドキュメント：https://reacttraining.com/react-router/web/api/Route/Route-props