reduxストアに接続されているコンテナコンポーネントとは何にすべきですか？

Question

reduxストアに接続されているコンテナコンポーネントはどのコンポーネントにする必要があり、どのコンポーネントを無効にするべきかについてのガイドラインはありますか？

おそらく、どのような状態がアプリケーションレベルの状態である必要があり、どのような状態がコンポーネントレベルの状態である必要があるのか​​を尋ねる必要があります。

私はまだこれについて個人的にガイドラインはありませんが、これらの状態はアプリケーションレベルの状態の候補だと思います。

1. 複数のコンポーネントによって共有される状態。
2. うん...それはそうですね。

したがって、元の質問に戻って、複数のコンポーネントで共有されている状態のコンポーネントは、reduxストアに接続されたコンテナコンポーネントの良い候補ですか？

Answer 1

あなたのコンポーネントは、理想的には、小道具に基づいてUIをレンダリングするだけです。したがって、機能的なコンポーネントから始めましょう。ライフサイクルフックが必要な場合は、もちろん、クラスが必要ですが、状態でこれを行わないようにしてください。

コンポーネントの小道具を入力するには、コンテナが必要です。これは、コンポーネントの小道具にデータとマーシャリングをとるブラックボックスコンポーネントです。それはredux、あなたのAPI、graphql、または再構成からのHOCを使ってもデータを得ることができます。