Reakcja na statykę z klasami ES6

Question

Czy obiekt statyki działa z klasami ES6 w React?

class SomeComponent extends React.Component { 

    render() { 
    // ... 
    } 

} 

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

Coś jak wyżej daje mi metodę niezdefiniowany someMethod kiedy robię SomeComponent.someMethod()

Answer 1

Działa tylko z React.createClass. Wystarczy zadeklarować metody jako statycznej metody klasy:

class SomeComponent extends React.Component { 

    static someMethod() { 
    //... 
    } 

    render() { 
    // ... 
    } 

} 

---

chodzi

React.statics = { ... } 

Jesteś dosłownie tworząc statics mienia na obiekcie React. Ta właściwość nie rozszerza twojego komponentu w sposób magiczny.

Answer 2

statics działa tylko dla React komponentów check docs.

Answer 3

Chociaż statics działa tylko dla React.createClass, nadal można zapisać statyczne metody w notacji ES6. Jeśli używasz ES7, możesz również pisać właściwości statyczne.

Możesz napisać statykę wewnątrz ES6 klas + w ten sposób:

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

    static someMethod(){ 
    } 
} 

lub na zewnątrz klasy jak ten:

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

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

Jeśli chcesz napisać jak to pierwsze, to trzeba ustawić stage: 0 na Babel (od czasu eksperymentu).