私は過去数週間、Reactを学んできましたが、サーバからデータのコレクションを取り出してReduxを使用して提示する方法には苦労しています。コンテナ内のサーバからデータを取得してコンポーネントに渡す
私が持っているもの:
私はその中<Movie />
コンポーネントのリストをレンダリング<MoviesList />
コンポーネントを持っています。
:
私は、サーバーからこれらの映画を取得し、自分の状態に保管する必要があります。私はコンテナコンポーネントを作成する場合は、私がダウンして私の<MoviesList />
コンポーネントへの状態から映画を渡すためにmapStateToPropsを使用しますが、最初私はからそれをフェッチする必要が
:私は何と戦ってる
サーバではコンテナコンポーネントのライフサイクルフックの1つで行うべきだと思っていましたが、私は<MoviesListContainer />
と<MoviesList />
の両方でmovies
小道具(これはPropTypeで検証する必要があります)を持っています。両方のコンポーネントで大きなプロップ検証が行われますが、これは私のためにはまったく見えません。
機能コンポーネントを使用して小道具をコンテナに簡単に広げれば問題はありませんが、ライフサイクルフックでムービーを取得する必要があるため、クラスにする必要があります両方のファイルに小道具を指定してください。
これを達成するにはどうすればよいでしょうか?
これらの映画を別の場所で取得する必要がありますか?私はそれを取得し、これらの重複を避けるために別のアプローチをとるべきですか?または、私は本当に両方のファイルで検証を行う必要がありますか?
ありがとうございました!私が過去にやっていること