ES6中的childContextTypes

Question

你如何在ES6中编写对象childContextTypes？

var A = React.createClass({

    childContextTypes: {
         name: React.PropTypes.string.isRequired
    },

    getChildContext: function() {
         return { name: "Jonas" };
    },

    render: function() {
         return <B />;
    }
});

Answer 1

既然你正在使用Babel,你可以static在代码中使用(ES7),如下所示:

export default class A extends React.Component {

  static childContextTypes = {
    name: React.PropTypes.string,
  }

  getChildContext() {
    return { name: "Jonas" }
  }

  render() {
    return <B />
  }
}

更多信息:对ES6 +做出反应

Answer 2

问题是childContextTypes需要在"类"上定义,这就是做什么的static.所以这两个解决方案似乎有效:

class A extends React.Component {
  constructor() {
    super(...arguments);

    this.constructor.childContextTypes = {
      name: React.PropTypes.string.isRequired
    };
  }
}

要么

class A extends React.Component {

}

A.childContextTypes = {
  name: React.PropTypes.string.isRequired
};

Answer 3

解决方案是将“childContextTypes”移出类：

班级 { 。，， };

childContextTypes() {..}

或者等ES7有静态属性。