Reactガイドを読んでいくその97

React

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

レンダープロップ

render 以外の props を使う

レンダープロップとはいいつつもrenderというpropsを使う必要はない点、注意が必要。
コンポーネントがレンダーするものを知るために使う関数propはなんであれレンダープロップである。

<Mouse children={mouse => (
  <p>The mouse position is {mouse.x}, {mouse.y}</p>
)}/>

こんな風にもできる。

<Mouse>
  {mouse => (
    <p>The mouse position is {mouse.x}, {mouse.y}</p>
  )}
</Mouse>

こういったテクニックを利用してReactMotionが作られたりしているらしい。
アニメーションを作るのによさげ。
qiita.com

今日はここまで。