2018/10/18 RenderProps と HOC

[aloerina01]

• Reactの「Render Props」について – 公式ドキュメント日本語訳
• RenderPropsの概要とHOCとの違い
• render prop と HOC について

要約すると

• Render Propsとは、componentのrender関数内でprops.renderを実行し描画内容を動的に変える仕組み
• HOCの役割にとって変われる(HOCは使うべきでない派が出てくる)

const AComponent = props => {
  return  <div>{{ props.render() }}</div>
}

<AComponent render={ () => <BComponent /> } />

[aloerina01]

HOCは使うべきでない派

ちょっとこれについて考えるので感想保留。