問題タブ [reselect]

以前動作していたアプリケーションを調べて、ngrx サンプル アプリが現在行っているように reselect を使用するようにリファクタリングしました。コンパイル エラーはありませんが、次のランタイム エラーが発生します。

私のsession.reducer.tsファイルのこのコードから

これは、ログインしているユーザーの名前を表示/非表示にするためにメイン アプリ ページで使用されるフラグです。ページはほぼ完全に空白で、状態の他の部分が定義されていないという同じ問題があります。何を試せばいいのかわからない。

コンテナコンポーネントを介して中央ストア（つまり、reduxストア）を使用するコンポーネントのセットがあります。これらのコンポーネントはフラットで単純で、HOC コンポーネント内に存在する傾向があります。HOC コンポーネントはreact-redux connectを利用します。

上記は、それぞれ子コンポーネントComponent1 Component2のセレクターです。

以下は、 reselectを使用するセレクターの外観です。

問題は、この再選択の正しい使用法です。HOCの他のセレクターがComponent1 Component2をトリガーした場合、とにかく再レンダリングされるため、これは効果がないことに気付きました。shouldComponentUpdateメソッド内の各データ フローをチェックする必要があります。再選択の使用法は、最初にこの問題と戦うと思いました。私はそれを誤解しましたか。それは再計算部分を防ぐだけですか？

これは私の以前の投稿の続きであり、 子コンポーネントのセレクターが redux でトリガーされるのを防ぎます

再選択ドキュメントの例に従います。

典型的な redux アプリでは、結果に影響はありませんがsubtotalSelector、ユーザーが を更新すると が再計算されます。item.nameこれを回避する方法はありますか？

次のエラーが表示されます: substate is undefined。ただし、substateセレクターで未定義になる理由がわかりません。誰かが何が間違っているのかを理解するのを手伝ってもらえますか?

セレクタ：

最近、私は を学び始め、reselectそれを自分のプロジェクトに使用しようとしています。

しかし、派生データを計算するコードをどこに置こうか迷っています。

以下は私のコードスニペットです。formatDate calcDayLeftFromNow setDeriveDataロジックを入れてreducerも問題ないと思います。

私は自分で導出データ計算を行うreducerことも問題ありません。

私がこれを行うと、 を使用する理由がないように思えますreselect。

反応再選択ライブラリを介してメモ化されたセレクターを使用していますが、状態値にアクセスして設定されているかどうかを確認するのに問題があります。

私はチェックするためにこのようなことをしたいと思います：

店内はこんな感じ。

これが（この部分が機能している）ものmapStateToPropsで、私のセレクターは次のようになります。

セレクター:

私がする時

関数を取得しましたが、探している値を取得できません。これは私が使用しているためだと思いますがcreateSelector、よくわかりません。セレクターの値にアクセスする方法を知っている人はいますか?

mapStateToProps 関数がメモ化を使用している例に出くわしました。「状態」パラメーターがメモ化されたセレクターにどのように渡されるのか疑問に思っていました。reselect と redux のドキュメントを見た後、 mapStateToProps は引数として状態を受け入れる関数を返すことができ、接続デコレータは状態を渡す関数である可能性がありますが、よくわかりません。誰かが光を当てることができますか？

ビュー/トラックリスト/index.js

コア/トラックリスト/selectors.js

roomsグローバルアプリコンテナにさまざまなデータを保存しています。roomDetailsを使用してグローバル状態から部屋を選択するために再選択セレクターを使用するというサブコンテナーがありますownProps.params.slug。これは、mapStateToProps を使用して行われます。

私の問題は、ルート パラメータ ( rooms/:roomId) を次のように変更したときです。

rooms/roomid1

に

rooms/roomid2

コンポーネント ルームの小道具が更新されていません。

リンクを使用してルートを変更しています：

<Link to={"/room/roomid1"} key={"room-roomid1"}>room 1</Link>

roomルート パラメータが変更されたときに、コンポーネントの propsを取得して、グローバル ルームの状態からルームを再選択するにはどうすればよいですか?

部屋の小道具は、最初のページの読み込み時、または動的ルートの外側にあるルートに移動してから戻る場合に、必要に応じて読み込まれることに注意してください。コンポーネントのプロパティ (ルート パラメーター) のみが変更される同じ動的ルート間で切り替えると、それらは正しく読み込まれません。

RoomDetails/index.js

...

selectors.js

redux reselect libとlodash memoizeの違いを誰かが比較して対比できるかどうか疑問に思っていました...?