title: this.props.function is not a function - React js
body: <p>My goals are to make a redirection with a <strong>BACK</strong> button, but until now no success.
  When i'm trying to pass a function from child to parent it return me :</p>
  
  <blockquote>
    <p><strong>_this.props.callHomeFunction is not a function</strong></p>
  </blockquote>
  
  <p><strong>Parent.js</strong></p>
  
  <pre><code>  constructor(props) {
          super(props);
          this.state = {
              okRedirect: false,
          }
  
          this.consoleToHome = this.consoleToHome.bind(this)
      }
  
      consoleToHome = (test) =&gt; {
          // this.setState({ okRedirect: true });
          console.log('go to home');
          console.log(test);
      }
  render(){
    return(
      &lt;Router&gt;
        &lt;Select callHomeFunction={this.consoleToHome} /&gt;
  </code></pre>
  
  <p><strong>Child.js</strong></p>
  
  <pre><code>class BackButton extends Component {
  
    changePage = () =&gt; {
      const test = 'test';
      console.log('click on home');
      console.log(this.props);
      this.props.callHomeFunction(test);
    }
  render() {
      return (
        &lt;div className='back_buttons'&gt;
          &lt;ul&gt;
            &lt;li&gt;
              &lt;button className='back_buttons back_button'
                onClick={this.changePage}
              &gt;
  </code></pre>