У меня есть два компонента: Родительский компонент, из которого я хочу изменить состояние дочерних компонентов:
class ParentComponent extends Component {
toggleChildMenu() {
?????????
}
render() {
return (
<div>
<button onClick={toggleChildMenu.bind(this)}>
Toggle Menu from Parent
</button>
<ChildComponent />
</div>
);
}
}
И Детский компонент:
class ChildComponent extends Component {
constructor(props) {
super(props);
this.state = {
open: false;
}
}
toggleMenu() {
this.setState({
open: !this.state.open
});
}
render() {
return (
<Drawer open={this.state.open}/>
);
}
}
Мне нужно либо изменить дочерний компонент открыть из родительского компонента, либо вызвать дочерний компонент toggleMenu() из родительского компонента при нажатии кнопки в родительском компоненте?