React js alterar o estado do componente filho do componente pai
Eu tenho dois componentes:Componente pai a partir do qual desejo alterar o estado do componente filho:
class ParentComponent extends Component {
toggleChildMenu() {
?????????
}
render() {
return (
<div>
<button onClick={toggleChildMenu.bind(this)}>
Toggle Menu from Parent
</button>
<ChildComponent />
</div>
);
}
}
EComponente filho:
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}/>
);
}
}
Eu preciso alterar o componente filhoabrir estado do componente pai ou chame o componente filhotoggleMenu () do componente pai ao clicar no botão no componente pai?