Reactのバケツリレーの回避にJSX Spread Attributesを利用する

Appをルートコンポーネントとし、以下Child1 => Child2 => Child3といった階層構造となっているAppで受け取ったfooとbarという値をpropsを使って、一番下の階層のChild3まで渡している値がChild3まで渡ったら、それをChild3のコンポーネント上で表示する コードは以下のようになります。 import React, { Component } from 'react'; import { render } from 'react-dom'; class App extends Component { render() { return ( <Child1 foo={this.props.foo} bar={this.props.bar} /> ); } } const Child1 = (props) => <Child2 foo={props.fo

[hayato_m126]

“...”

[t32k]

JSXスプレッド演算子

[kitokitoki]

spread attributes

[uehaj]

親、その親、...のpropsが全部見える方式。かつ兄弟全部で共有。これがうまく行くと思えん。