title: Where should I bind methods in React component?
body: <p>I learn React now and noticed that a lot of people bind their methods in constructor. </p>
  
  <p>Like this:
  </p>
  
  <pre><code>class MyComponent extends React.Component {
    constructor() {
      super();
      this.myMethod = this.myMethod.bind(this);
    }
  
    render() {
      &lt;button onClick={this.myMethod}&gt;Click me&lt;/button&gt;
    }
  
    myMethod() {
      // do something
    }
  }
  </code></pre>
  
  <p>But I got used to writing something like this:
  </p>
  
  <pre><code>render() {
      &lt;button onClick={this.myMethod.bind(this)}&gt;Click me&lt;/button&gt;
  }
  </code></pre>
  
  <p>And I was told by a couple of people that using the second method is a bad experience.</p>
  
  <p>So could you tell me the differences between first and second methods? Any pros and cons? or performance issues?</p>