Redux Dev Tools のインポート機能について疑問に思っていました。ロジックが間違っている場合は修正してください。
私は、その状態を Redux にシリアル化する、マルチステップでフォームが重いアプリ UI に取り組んでいます。アプリを調べて毎回各フィールドに入力/検証してバグを再現しようとするのは非効率的です。Redux Dev Tools (RDT) のエクスポートおよびインポート機能を発見し、フォームの入力と検証に遅れて状態をエクスポートしました。
アプリを新たに再起動し、URL に直接移動し (dev
環境内にあるため、認証ガードはありません)、state.json ファイルをインポートしました。
UI は Redux から状態を取得するのではなく、その状態を Redux に保存するため、UI は、state.jsonファイルがインポートされたときに更新されません。この質問は、state.json ファイルをインポートするという特異な同期アクションへの対応に関するものです。
私はいくつかの調査を行い、RDT が依存するredux-devtools-instrumentというパッケージを見つけました。内部で Redux を使用し、 のアクション/リデューサーを備えていIMPORT_STATE
ます。このパッケージを自分の依存関係に明示的に追加しても、そのイベントをサブスクライブして UI を再水和する方法がわかりません。だから、ここに私の質問の2つの部分があります:
RDT のインポート機能は、私が説明している方法で動作することを意図していますか?
Redux の概念を持たない「ダム」UI を取得するにはどうすればよいでしょうか。その状態ファイルのインポート アクションを「リッスン」するにはどうすればよいでしょうか。RxJS を使ってみましたが、何を購読すればよいかわかりませんでした。