レンダープロップ – React

この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 レンダープロップはモダンな React でも使われますが、あまり一般的ではなくなっています。 多くのユースケースでは、カスタムフックに置き換わりました。 “レンダープロップ (render prop)”という用語は、値が関数である props を使って、コンポーネント間でコードを共有するためのテクニックを指します。 レンダープロップを持つコンポーネントは、自身のレンダーロジックを実装する代わりに、React 要素を返す関数を受け取ってそれを呼び出します。 レンダープロップを用いたライブラリとしては、React Router や Downshift、Formik などがあります。 このドキュメントでは、レンダープロップが役立つ理由と、その実装手順について解

[dondoko_susumu]

レンダープロップとは、あるコンポーネントが何をレンダーすべきかを知るために使う関数型の props です。[react]