これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
ja.reactjs.org
レンダープロップ
値が関数であるpropsを使ってコンポーネント間でコードを共有するためのテクニックを指す。
レンダープロップを持つコンポーネントは、React要素を返す関数を受け取って呼び出す。
<DataProvider render={data => (
<h1>Hello {data.target}</h1>
)}/>
レンダープロップを用いたライブラリとしてReact RouterやDownshift、Formikなどがある。
次回からはレンダープロップについてより細かく見ていく。
今日はここまで。
