React.createClass vs extends Component

Question

What\'s the different between

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

To

class MyClass extends React.Component{...}
         


        

Answer 1

One major differentiator not mentioned above is how the state is inherited when using createClass vs extending a Component.

var BaseComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      foo: 'bar'
    };
  }
});

var BaseClass = React.createClass({
  getInitialState() {
    return {
      foo: 'bar'
    };
  }
});

class Test extends BaseClass { // or extend BaseComponent
  constructor(props){
    super(props);
    this.state = {
      ...this.state,
      myNewVar: 'myNewVal'
    }

  render() {
    alert(this.state.foo)
  }
}