PresentationalComponent
見た目に関する責任を持つ.
PresentationalComponent
も
ContainerComponent
も
子要素
になりうる.
DOMマークアップ
や
スタイル
を持つ.
children
を受け取る.
自分の
コンポーネント
以外のことについて依存しない.
Fluxアクション
や
Store
など
データ
を読み込んだり改変しない.
データ
や
コールバック
を親から
Props
として受け取る.
State
を持つことは少ない.
持つとしても,自身の
UI
に関する
状態
のみ.
FunctionalComponent
としてかかれる.
ComponentState
や
LifecycleHook
,
パフォーマンス
調整の必要がなければ.
Redux
から独立する.
データ
の取得は
Props
を介して行う.
データ
の変更は
Props
から取得した
コールバック
を利用する.
使用例
Page
Sidebar
Story
UserInfo
List
参考
https://www.yuuniworks.com/blog/2018-05-18-presentational-componentとcontainer-component/