React statics with ES6 classes

Question

Does the statics object work with ES6 classes in React?

class SomeComponent extends React.Component {    render() {     // ...   }  }  React.statics = {   someMethod: function() {     //...   } }; 

Something like the above gives me undefined method someMethod when I do SomeComponent.someMethod()

Answer 1

statics only works with React.createClass. Simply declare the method as a static class method:

class SomeComponent extends React.Component {    static someMethod() {     //...   }    render() {     // ...   }  } 

---

Regarding

React.statics = { ... } 

You are literally creating a statics property on the React object. That property does not magically extend your component.

Answer 2

Although statics only works for React.createClass, you can still write static methods in ES6 notation. If you are using ES7, then you can also write static properties.

You can write statics inside ES6+ classes this way:

class Component extends React.Component {     static propTypes = {     ...     }      static someMethod(){     } } 

Or outside the class like this:

class Component extends React.Component {    .... }  Component.propTypes = {...} Component.someMethod = function(){....} 

If you want to write it like the former, then you have to set stage: 0 on Babel (since its experimental).