反応ルータの疑問符の後にパラメータを取得する方法は？

Question

では、私はそう

<Route path="/search/:id" component={Search}/> 

のようなコンポーネントをマッピングしている、私のルートに反応し、私は、検索/ジーンズ、または検索/シャツのようなURLを期待しています。しかし、いくつかの機会に私はURLパターンを得ています。

/search/?text=shirts 

私は扱うことができません。私はこれをどのように進めることができるか提案してください。私はそのURLから「シャツ」の価値を得たいと思っています。この別のURLを処理する既存のルートを作成するにはどうすればよいですか？

Answer 1

クエリ文字列を解析する機能は残念ながらtaken out of V4でした。使用する方法を選択できます。 サードパーティのパッケージ：

const queryString = require('query-string'); 

const parsed = queryString.parse(props.location.search); 

または内蔵の使用：

const params = new URLSearchParams(props.location.search); 

const foo = params.get('foo'); // bar 

とURLSearchParamsのために、互換性のためpolyfillもあるし。