リア・ルータを使用しています&現在のルートに基づいて特定のアクションを実行します。ルートが変わるとすぐに、私はあるタスクを実行する必要があります。望ましい結果を得るための理想的な方法は何ですか?リアクタ・ルータ - 現在のルートに基づいて何らかのアクションを実行
0
A
答えて
0
あなたの最善の策はonEnter
とonLeave
フックです。 onEnter(nextState, replace, callback)
:onEnter
機能は3つの引数を渡します
<Route path='/' onEnter={foo} onLeave={bar} />
:あなたはこのようにそれらを使用することができます。 nextState
はルータの次の状態です。は、別のルートにリダイレクトするために呼び出すことができる機能です。callback
はオプションです。 callback
を使用すると、明示的にcallback()
を呼び出すまで、ルートの切り替えは行われません。それを避けるためにそれを放置してください。
onLeave
関数ははるかに簡単で、アプリケーションがそのルートから離れるたびに呼び出されます。
あなたはhere
関連する問題
- 1. リアクタ・ルータ - フラックス・ストアの現在のルートを見つけよう
- 2. リアクタ - ルータ - 実行時のルートの追加/削除
- 3. リアクタ・ルータ - デフォルト・ルートなし
- 4. ユニット・テスト・ルートとリアクタ・ルータ2
- 5. リアクタ・ルータ:ルートをマップできますか?
- 6. JavascriptでALT属性の存在に基づいてアクションを実行します
- 7. リアクタのルータとネストされたルート
- 8. リアクタ・ルータ:ルート構造のメリット/デメリット
- 9. 現在の値に基づいてデータフレームから列を選択
- 10. 現在の行の数に基づいて単列を選択
- 11. リアクタ・ルータv4 MobXストア・アクションからナビゲートしますか?
- 12. Angular2(RC3)の現在のルートに基づいて州を設定します
- 13. 現在のストアに基づくReduxアクションのベストプラクティス
- 14. リアクタ・ルータ - ルート内部のルートは動作しません
- 15. サーバー番号に基づいてアクションを実行するpowershellスクリプト
- 16. コールバック(真)/コールバック(偽)に基づいてアクションを実行
- 17. ajaxレスポンスに基づいた反応ルータの初期ルート
- 18. リアクタ・ルータ - ダイナミック・ルート - ルータを経由して状態オブジェクトにアクセスする
- 19. リアクタ・ルータ - アヤックス・ディープリンクアップ
- 20. jquery - 現在の行の場所からクラス名に基づいて次の行に移動しますか?
- 21. 端末から現在のディレクトリから各フォルダのアクションを実行する
- 22. リアクタ - ルータ - Reduxとリアクトブートストラップ
- 23. リアクタ・ルータ3ブレッドクラム・ドロップダウン
- 24. ルータ側の条件に基づいてアクションをディスパッチする方法
- 25. yii2の現在のユーザーログインに基づいてデータベースからデータを取得
- 26. ユーザーの現在の国 - ユーザーの現在の位置に基づいて
- 27. リアクタ・ルータ4非同期レンダリング
- 28. Javascriptを使用してAdobeのチェックボックスに基づいてアクションを実行する
- 29. リアクタ・ルータonChangeフック
- 30. リアクタ・ルータ・パラメータ
あなたがフォーカス取得時のフックを見てみました公式ドキュメントを見ることができますか? https://github.com/reactjs/react-router/blob/master/docs/API.md#onenternextstate-replace-callback – QoP