fukajun https://blog.hatena.ne.jp/fukajun/ fukajun’s dairy https://fukajun.hatenadiary.com/ Render Props propsに、RenderするReactElementを返す関数を渡す メリット 親が子のなかでレンダーする内容(孫)を動的に変更することができる 親が子の中の孫のレンダー内容を指定しつつ、子と孫で値の共有ができるようになる 参考例 mae.chab.in オブジェクト指向のデザインパターンでいうと、ストラテジーパターンに近い？ 下記のように子から何か(stateのようなもの)を受け取って孫を表示することで、孫の内容は動的にしつつも、子と孫で状態を共有することができる。 render() { retrun ( <div> {this.props.render(this… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffukajun.hatenadiary.com%2Fentry%2F2020%2F10%2F08%2F023850" title="Reactを書くときのパターンメモ - fukajun’s dairy" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-10-08 02:38:50 rich https://fukajun.hatenadiary.com/entry/2020/10/08/023850 1.0 100%