1. ホーム
  2. reactjs

[解決済み] [Solved] react-routerでクエリパラメータをプログラムで更新するには?

2022-04-13 08:44:47

質問

react-routerでクエリパラメータを更新するために <Link/> . hashHistory.push(url) はクエリパラメータを登録していないようで、第2引数としてクエリオブジェクトなどを渡すことはできないようです。

からのurlをどのように変更するのですか? /shop/Clothes/dresses から /shop/Clothes/dresses?color=blue を使用せずに、react-routerで <Link> ?

とは onChange 関数は、本当にクエリの変更を監視する唯一の方法なのでしょうか?なぜ、パラメータの変更のように、クエリの変更を自動的に検出して対応しないのでしょうか?

どうすればいい?

の中で push メソッドの hashHistory であれば、クエリパラメータを指定することができます。例えば

history.push({
  pathname: '/dresses',
  search: '?color=blue'
})

または

history.push('/dresses?color=blue')

あなたはこれをチェックアウトすることができます リポジトリ を使用する他の例については history