0

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つの部分があります:

  1. RDT のインポート機能は、私が説明している方法で動作することを意図していますか?

  2. Redux の概念を持たない「ダム」UI を取得するにはどうすればよいでしょうか。その状態ファイルのインポート アクションを「リッスン」するにはどうすればよいでしょうか。RxJS を使ってみましたが、何を購読すればよいかわかりませんでした。

4

1 に答える 1