Как передать параметры от родительского компонента к компоненту который может быть расположен как угодно глубоко?
Pie должен передать определенные параметры Slice.
<Pie> <OtherComp> <div> <Slice> </Slice> <Slice> </Slice> </div> </OtherComp> </Pie>
class Pie extends Component {
render() {
const { children } = this.props;
// тут надо передать параметры color
// которые компонент Slice ожидает
return (
<g>
{children}
</g>
);
}
}
class Slice extends Component {
render() {
const { color } = this.props;
return (
<line color={color}></line>
);
}
}