[解決済み] [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
関連
-
[解決済み] Jestの `beforeEach` グローバルは何のためにあるのですか?
-
[解決済み] ReactJS giving error Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み] react nativeで関数だらけのヘルパーファイルを作成する方法は?
-
[解決済み] Reactルータを使ったプログラムによるナビゲーション
-
[解決済み] React-routerのURLを更新したり、手動で書き込んだりするとうまくいかない
-
[解決済み] setStateを呼び出さずにReactコンポーネントを強制的に再レンダリングすることは可能ですか?
-
[解決済み] クエリ文字列からパラメータ値を取得する方法は?
-
[解決済み] React Router v4で履歴にプッシュする方法は?
-
[解決済み】オプションのパスパラメータを持つReact Router
-
[解決済み】react router V4でプログラムによる移動ができるようになりました。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] エラー: 未定義のプロパティ 'map' を読み取ることができません。
-
[解決済み】Warning.Itが表示されるのはなぜですか?Functions are not valid as a React child?
-
[解決済み】React Propsが定義されていません。
-
[解決済み] React.createElement: type is invalid -- expected a string.
-
[解決済み] FontAwesomeの無料パッケージに含まれているアイコンのオブジェクト名はどこにあるのですか?
-
[解決済み] formcontrollabel - material-ui | Reactのデフォルトのtypography classを変更するには?
-
[解決済み] Webpack のコンパイルに失敗した
-
[解決済み] componentWillReceiveProps は名称が変更されました。
-
React はエラー TypeError を報告します。未定義のプロパティ 'XX' を読み取ることができない、問題は解決されました。
-
[解決済み] Reactルータを使ったプログラムによるナビゲーション