react-native - React.createClass 与扩展组件

Question

有什么不同

var MyClass = React.createClass({...});

到

class MyClass extends React.Component{...}

Answer 1

这两种方式取决于你是否使用 ES6 语法，它们也会改变你设置初始状态的方式。

使用 ES6 类时，您应该在 constructor 中初始化状态.

使用 React.createClass 时，你必须使用 getInitialState功能。

ES6 类语法:

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { /* initial state, this is ES6 syntax (classes) */ };
  }
}

ES5 React.CreateClass 语法:

var MyComponent = React.createClass({
  getInitialState() {
    return { /* initial state */ };
  },
});

这些都将以相同的方式设置初始状态。