title: Pros and Cons of React/ JSX method definitions
body: <p>I would like to understand the real difference between:</p>
  
  <pre><code>&lt;MyComponent myProp = { ()=&gt; this.myMethod } 
  // and
  &lt;MyComponent myProp = { this.myMethod }
  </code></pre>
  
  <p>Is it appropriate to use:</p>
  
  <pre><code>&lt;MyComponent myProp = { () =&gt; this.myMethod() } 
  // or 
  &lt;MyComponent myProp = { this.myMethod() }
  </code></pre>
  
  <p>Why is the <code>bind()</code> function sometimes called without the <code>this</code> parameter like the following examples:  </p>
  
  <pre><code>&lt;MyComponent myProp = { () =&gt; this.myMethod.bind () }  
  // and 
  &lt;MyComponent myProp = { this.myMethod.bind(this) }
  </code></pre>
  
  <p>What are the advantages of the following two ways of defining a method:</p>
  
  <pre><code>myMethod = (event) =&gt; {}
  // and  
  myMethod(event){}
  </code></pre>