reactjs - 如何在 React es6 组件中定义静态？

Question

我想在 React es6 组件中定义静态。我知道下面的组件是如何完成的

var MyComponent = React.createClass({
  statics: {
    customMethod: function(foo) {
      return foo === 'bar';
    }
  },
  render: function() {
  }
});

但希望定义如下的 react 组件相同

class MyComponent extends Component{ ... }

此外，我想从 MyComponent 将被实例化的地方调用该方法。

Answer 1

您可以使用static关键字在 ES6 类中创建静态成员变量:

class StaticMethodCall {
    static staticMethod() {
        return 'Static method has been called';
    }
    static anotherStaticMethod() {
        return this.staticMethod() + ' from another static method';
    }
}
StaticMethodCall.staticMethod(); 
// 'Static method has been called'

StaticMethodCall.anotherStaticMethod(); 
// 'Static method has been called from another static method'

Source and more info on MDN