Menu

キーワード

  • React
  • Redux
  • action

何か

Reactのコンポーネントはイベント処理をonSubmitButtonClickなどでひとつひとつ受け取る。

なぜか

ReactのコンポーネントにReduxの仕組みでactionをpropsにセットする際、楽だろうとprops.actionsにまとめて受け取るようしたが、あまりよいやり方とは言えない。確かにコンポーネント間の受け渡しは一見楽なのだが、コンポーネントとしてインタフェースが見えづらく、部品としての精度が悪い。

どのように

イベント処理をひとつひとつonSubmitButtonClickなどで受け取るようにする。これが、親玉のコンポーネントから受け渡すのに面倒であるということであるなら、Reduxの仕組みでactionをセットすることができる。むしろ、actionを親玉から渡そうとすると中間層が受け渡しするだけでかなり面倒になる。

反省

規模が大きくなってくると、序盤で手を抜いたところから仇になる。

スポンサーリンク