title: How to call parent function from child prop without an arg
body: <p>I'm not looking for <a href="https://stackoverflow.com/questions/26176519/reactjs-call-parent-function">this method</a> as I wont be passing in any arg.</p>
  
  <p>I need to call a parent function <strong>without</strong> passing in any args.</p>
  
  <p><strong>Parent (es6):</strong></p>
  
  <pre><code>foo(){
    ...
    console.log("i was called");
  }
  
  &lt;Child callFoo={this.foo} /&gt;
  </code></pre>
  
  <p><strong>Child (es6):</strong></p>
  
  <pre><code>// otherFunc() will be called by an onClick button event
  otherFunc(){
   ...
  
   this.props.callFoo;
  }
  </code></pre>
  
  <p>The above does not work. This works but I do not need to do this:</p>
  
  <p><strong>Parent (es6):</strong></p>
  
  <pre><code>foo(bool){
    ...
    if (bool){
      console.log("i was called");
    }
  }
  
  &lt;Child callFoo={this.foo} /&gt;
  </code></pre>
  
  <p><strong>Child (es6):</strong></p>
  
  <pre><code>// otherFunc() will be called by an onClick button event
  otherFunc(){
   ...
  
   this.props.callFoo(true);
  }
  </code></pre>
  
  <p>Is there a way to simple call the function by <code>this.props.callFoo</code>?</p>