title: how trigger event parent to child in Reactjs
body: <p>I need to launch a function that I have in the child component of a parent button but I have not got it, someone knows some form, I have already seen some examples but I can not find something that can help me since they only handle property changes</p>
  
  <p>this is my code 
  parent: </p>
  
  <pre><code>import React from 'react';
  import ReactDom from 'react-dom';
  import AppBar from 'material-ui/AppBar';
  import injectTapEventPlugin from 'react-tap-event-plugin';
  import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  import Menux from '../componentes/menux';
  
  class App extends React.Component {
       constructor(props) {
      super(props);
    }
    render() {
      return (
  &lt;div&gt;
           &lt;AppBar
      title="Aqui empezara todo"
      onLeftIconButtonTouchTap = {Menuxr.handleToggle}
    /&gt;
       &lt;Menux /&gt;
  &lt;/div&gt;
          );
      }
  
  }
  
  injectTapEventPlugin();
  ReactDom.render( &lt;MuiThemeProvider&gt;&lt;App/&gt;&lt;/MuiThemeProvider&gt;,document.getElementById('workspace'));
  </code></pre>
  
  <p>child </p>
  
  <pre><code>import React from 'react';
  import Drawer from 'material-ui/Drawer';
  import AppBar from 'material-ui/AppBar';
  import MenuItem from 'material-ui/MenuItem';
  import RaisedButton from 'material-ui/RaisedButton';
  
  export default class Menux extends React.Component {
  
    constructor(props) {
      super(props);
      this.state = {openmenu: false};
    }
  
    handleClose = () =&gt; this.setState({openmenu: false});
    handleToggle = () =&gt; this.setState({openmenu: !this.state.openmenu});
    render() {
      return (
        &lt;div&gt;
          &lt;RaisedButton
            label="Toggle Drawer"
            ref="menu"
            onTouchTap={this.handleToggle}/&gt;
          &lt;Drawer width={200} openSecondary={false} open={this.state.openmenu} &gt;
            &lt;AppBar title="menu"
                     onLeftIconButtonTouchTap = {this.handleClose}
            /&gt;
              &lt;MenuItem onTouchTap={this.handleClose}&gt;Mi perfil&lt;/MenuItem&gt;
              &lt;MenuItem onTouchTap={this.handleClose}&gt;Mis usuarios&lt;/MenuItem&gt;
              &lt;MenuItem onTouchTap={this.handleClose}&gt;Mis unidades&lt;/MenuItem&gt;
          &lt;/Drawer&gt;
        &lt;/div&gt;
      );
    }
  </code></pre>