☰

ReactJS - リダイレクトコンポーネントでプロパティを渡す 質問する

tag-icon • tag-icon javascript reactjs react-router-dom
ReactJS - リダイレクトコンポーネントでプロパティを渡す 質問する

RedirectURL に公開せずにコンポーネントでプロパティを渡すにはどうすればよいでしょうか?

こんな感じ<Redirect to="/order?id=123 />"？使ってますreact-router-dom。

ベストアンサー1

次のようにデータを渡すことができますRedirect:

<Redirect to={{
            pathname: '/order',
            state: { id: '123' }
        }}
/>

アクセス方法は次のとおりです:

this.props.location.state.id

のAPIドキュメントRedirect / History プロパティで状態やその他の変数を渡す方法を説明します。

ソース：https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md#to-object

おすすめ記事