URLに検索パラメータを追加する

Question

私はいくつかの株式をフィルタリングしようとしています。基本的に、URLのsearchパラメータは、適切なフィルタリングされたコンテンツを取得するために異なるgraphQL呼び出しをトリガします。

私のURLは次のようになります。私はあなたが望んでいたフィルタを選択することができますフォームを持っているlocalhost:3000/stocks?orderBy=id_stock&orderWay=asc&page=1

。たとえば、id_color = 1という色のアイテムをすべて希望したい場合は、フォーム提出時に&color=1が既存のURLに追加されて、localhost:3000/stocks?orderBy=id_stock&orderWay=asc&page=1&color=1となるようにします。

これを簡単に行う方法はありますか？私はthis.props.history.push()を回避しようとしましたが、それは私のやりたいことではないようです。

Answer 1

history.push()およびhistory.replace()は、反応ルータのURLをプログラムで変更する唯一の方法です。現在のパスに何かを追加したい場合は、単に次のようにすることができます。

this.props.history.push(this.props.match.url + "&color=1") 

this.props.match.urlあなたの現在のパスを与え、ここでは基本的に現在のパスに新しいのparamを追加することによって、新しいパスを作成します。