は、経路解析URLを反応させて、私は次のように定義されたルートを持つコンポーネント

Question

に小道具を渡す：

<Route path="auth"> 
    <Route path="confirm-code" component={this.getIndexRoute()} email="xyz@gmail.com" code="1234" /> 
</Route> 

getIndexRoute()は私にナビゲートするためのコンポーネントを提供します。私がhttp://localhost:3000/de/auth/confirm-code/を押すと、それは動作します。

しかし、このパスをhttp://localhost:3000/de/auth/confirm-code/email=someEmail&code=someCode のように変更したいと思います。受信した電子メールとコードをコンポーネントに渡して、そこで処理できるようにしたいと思います。今私は電子メール= "xyz@gmail.com"とコード= 1234をハードコーディングしています。私はURLからそれらを抽出したいと思います。

どうすればよいですか？

Answer 1

すべてのクエリparamsが（電子メール、コードは）自動的にprops.locationを経由してコンポーネントに渡される - あるいはどのルータバージョンに応じて、あなたが使用することができます使用しているwithRouter react-router getting this.props.location in child components