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

Question

I've been through several tutorials and guides for React Native and have seen these two being used in almost the same way:

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

and

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

Not sure what the difference between them is.

Answer 1

The first piece of code creates new JS object in old way (ES5). It simply creates plain JS object and then fill it with React methods and properties using prototypes .

React.createClass method must be filled with object that implements render method. (You can read more about this method here .

The second code uses newest JS standard (ES6) classes and inheritance . In fact Component is ReactComponent and you can read more about it here .

Please note that these two ways of initializing React Component will give you sightly different results. For example you cannot use mixins at this time with ES6 inheritance and you have to bind methods to parent object. You can read more about differences here .