Statica di reazione con classi ES6

Question

L'oggetto statics funziona con classi ES6 in React?

class SomeComponent extends React.Component { 

    render() { 
    // ... 
    } 

} 

React.statics = { 
    someMethod: function() { 
    //... 
    } 
}; 

Qualcosa di simile a quanto sopra mi dà metodo non definito someMethod quando faccio SomeComponent.someMethod()

Answer 1

statics funziona solo con React.createClass. Basta dichiarare il metodo come un metodo di classe statica:

class SomeComponent extends React.Component { 

    static someMethod() { 
    //... 
    } 

    render() { 
    // ... 
    } 

} 

---

Per quanto riguarda

React.statics = { ... } 

Si sono letteralmente creando una proprietà statics sull'oggetto React. Questa proprietà non magicamente estendere il componente.

Answer 2

statics funziona solo per Reagire componenti, check docs.

Answer 3

Sebbene statics funzioni solo per React.createClass, è ancora possibile scrivere metodi statici nella notazione ES6. Se si utilizza ES7, è anche possibile scrivere proprietà statiche.

È possibile scrivere statica all'interno ES6 + classi in questo modo:

class Component extends React.Component { 
    static propTypes = { 
    ... 
    } 

    static someMethod(){ 
    } 
} 

o all'esterno della classe come questa:

class Component extends React.Component { 
    .... 
} 

Component.propTypes = {...} 
Component.someMethod = function(){....} 

Se si vuole scrivere, come il primo, allora dovete impostare stage: 0 su Babel (dal momento che è sperimentale).