React js cambia el estado del componente hijo del componente padre
Tengo dos componentes:Componente principal desde el cual quiero cambiar el estado del componente hijo:
class ParentComponent extends Component {
toggleChildMenu() {
?????????
}
render() {
return (
<div>
<button onClick={toggleChildMenu.bind(this)}>
Toggle Menu from Parent
</button>
<ChildComponent />
</div>
);
}
}
YComponente hijo:
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}/>
);
}
}
Necesito cambiar el componente infantilabierto estado del componente principal, o llame al componente secundariotoggleMenu () desde el componente principal cuando se hace clic en el botón del componente principal?