React ルータのリダイレクトをアクション後に行う redux
2023-08-19 17:38:42
質問
私は
react-redux
と
react-router
. アクションがディスパッチされた後にリダイレクトする必要があります。
例えば 私はいくつかのステップを登録しました。そして、アクションの後。
function registerStep1Success(object) {
return {
type: REGISTER_STEP1_SUCCESS,
status: object.status
};
}
registrationStep2のページにリダイレクトさせたいのですが。どうすればよいですか?
p.s. 履歴ブラウザで '/registrationStep2' は訪問されていません。このページは、registrationStep1のページが成功した後にのみ表示されます。
どのように解決するのですか?
React Router 2+では、アクションをディスパッチする先々で
browserHistory.push()
(または
hashHistory.push()
を使用する場合)。
import { browserHistory } from 'react-router'
// ...
this.props.dispatch(registerStep1Success())
browserHistory.push('/registrationStep2')
非同期アクションクリエイターを使用している場合は、非同期アクションクリエイターからこれを行うこともできます。
関連
-
[解決済み】<Router>の外側で<Link>を使用してはならない
-
[解決済み] React テキストを挟んだ横長の仕切りを作る
-
[解決済み] リアクトです。<tr>は<td>の子として表示できません。コメント > td > tr を参照してください。
-
[解決済み] ReactjsのEsLintの "react / jsx-props-no-spreading "エラーを無効化する。
-
[解決済み] componentWillReceiveProps は名称が変更されました。
-
[解決済み] Reactルータを使ったプログラムによるナビゲーション
-
[解決済み] React JSX内のループ
-
[解決済み] React-routerのURLを更新したり、手動で書き込んだりするとうまくいかない
-
[解決済み] Reduxのアクションをタイムアウトでディスパッチする方法とは?
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] テスト
-
[解決済み】プリセットファイルはオブジェクトのエクスポートができない
-
[解決済み] ReactJS giving error Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み] react - createMuiThemeとcreateThemeの違い。
-
[解決済み] material-ui-pickers KeyboardDatePicker をモーメントで使用するには?
-
[解決済み] React - _this2.SetStateは関数ではありません。
-
[解決済み] プロップ `history` は `Router` で必須とマークされているが、その値は `undefined` である。
-
[解決済み] アクシオスは定義されていません
-
[解決済み] create-react-appビルドスクリプトを実行する際に、ビルド.env変数を設定するには?
-
[解決済み] React Router v4で履歴にプッシュする方法は?