title: How to call a props function without any eventHandler
body: <p>I'm learning react and stuck with one problem. While the button is clicked function3 gets called successfully however then it says that this.props.function is not a function. I even binded the function with this. However, not getting where I'm going wrong. Searched a lot on stackoverflow but none of them are targeting my queries.</p>
  <pre><code>  class Parent extends Component{
      constructor(props){
          super(props);
          this.function1 = this.function1.bind(this)
      }
      function1 = (someAttributes) =&gt;{
          this.setState({
              //update the state
          })
      }
      render(){
          return(
              &lt;Child function={this.function1}/&gt;
          )
      }
  }
  
  
  class Child extends Component{
      constructor(props){
          super(props);
          this.function2 = this.function2.bind(this)
          this.function3 = this.function3.bind(this) //tried this as well.
      }
  
      function2 = (someAttributes) =&gt;{
          this.props.function(someAttributes)
      }
  
      function3 = () =&gt;{
          //the logic
          this.function2(someAttributes)
      }
      
      render(){
          return(
             &lt;Button onClick={this.function3}/&gt;
             // even tried &lt;Button onClick={()=&gt;this.function3()}
          )
      }
  }
  
  </code></pre>
  <p>Any help is appreciated !</p>