React.createClass和之间的区别 <Name> 扩展组件

Question

我已经看过关于React Native的一些教程和指南，并且看到这两种用法几乎相同：

var anyName = React.createClass({
  render: function() {
   return (
     ...
   );
  }
});

和

class anyName extends Component {
  render() {
   return (
     ...
   )
  }
}

不知道它们之间有什么区别。

Answer 1

第一部分代码以旧方式 （ES5）创建新的JS对象。 它只是创建一个普通的JS对象，然后使用prototypes使用React方法和属性填充它。

React.createClass方法必须填充实现render方法的对象。 （您可以在此处阅读有关此方法的更多信息。

第二个代码使用最新的JS标准（ES6） 类和继承 。 实际上Component是ReactComponent ，您可以在这里阅读有关它的更多信息。

请注意，这两种初始化React Component的方式将给您明显不同的结果。 例如，您此时不能将mixins用于ES6继承，而必须bind方法bind到父对象。 您可以在此处阅读有关差异的更多信息。