title: How to force React ES6 static method's "this" to be bound to lexical scope
body: <p>In React (using ES6 via babel), I'm trying to create a static method that updates the state of the Component it is contained in. Taking in an obect as an argument. The problem is "this" is never bound to the lexical scope. </p>
  
  <pre><code>static updateList = (Item) =&gt; {
      this.setState({ cartUpdated: Date.now() }); //setState is not available
  }
  </code></pre>
  
  <p>In the other component...</p>
  
  <pre><code>&lt;div onClick={Cart.updateList.bind(this,this.props)}&gt;Click&lt;/div&gt;
  </code></pre>
  
  <p>At first I thought this may be due to the "this" passed via "bind" but I created a duplicate non-static arrow method in the component that contains the click handler and I could access lexical "this" just fine.</p>
  
  <p>In desperation also tried making static clone of setState but no luck.</p>
  
  <p>I assume this is a structural/security decision (if we leak out "this" we leak out everything!) but how does one handle access to "this"? Does this limitation force updateList function have to sit above the updateList and the Component with the click handler? This may actually be more react-like of course but I'm curious.</p>