<p dir="auto">React version:</p>
<h2 dir="auto">Steps To Reproduce</h2>
<p dir="auto">1.1111111111111<br>
2.22222222222</p>

<h2 dir="auto">The current behavior</h2>
<p dir="auto">fffffffffffffffffffff</p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">gggggggggggggggg</p>
<p dir="auto">I've noticed that there's no way to access a class' statics through one of its instances.<br>
When trying to find a <code class="notranslate">statics</code> method inside an instance method, <code class="notranslate">this</code> does not contain the method. <code class="notranslate">this.statics</code> exists, but is <code class="notranslate">null</code>.</p>
<p dir="auto">This is something I think could be a bit useful. This is a behavior that exists in Java and other similar languages.</p>
<p dir="auto">A description of my use-case: I am using <a href="https://github.com/gaearon/react-dnd">React DnD</a>, and trying to slightly generalize duplicate code.<br>
By using this library/mixin, you need to define a static method, which calls a <code class="notranslate">register</code> method and passes a constant value. I would like that value to be defined on the class.</p>
<p dir="auto">By adding the following bit of code:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="statics: {
  getConst: function() {
    return 'const';
  },
  configureDragDrop: function(register) {
    register(this.getConst(), ...);
  }
}"><pre class="notranslate">statics: <span class="pl-kos">{</span>
  <span class="pl-en">getConst</span>: <span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">return</span> <span class="pl-s">'const'</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-en">configureDragDrop</span>: <span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">register</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-s1">register</span><span class="pl-kos">(</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-en">getConst</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">,</span> ...<span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto">However, in my <code class="notranslate">render</code> method, I need to access the same constant again:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="return (
  &lt;li className={classes} {...this.dragSourceFor('const')} /&gt;
);"><pre class="notranslate"><span class="pl-k">return</span> <span class="pl-kos">(</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">li</span> <span class="pl-c1">className</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-s1">classes</span><span class="pl-kos">}</span> <span class="pl-kos">{</span>...<span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-en">dragSourceFor</span><span class="pl-kos">(</span><span class="pl-s">'const'</span><span class="pl-kos">)</span><span class="pl-kos">}</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
<span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">At this point, <code class="notranslate">this</code> does not have <code class="notranslate">getConst</code> defined, and <code class="notranslate">this.statics</code> is a null object.</p>