De réagir.Composant vs Réagir.createClass

La seule React.createClass fonctionnalité qui n'est pas pris en charge par MyComponent extends React.Component est mixin.

faire getInitialState() que vous pouvez faire:

class MyComponent extends React.Component {
  constructor(props, context) {
    super(props, context);

    //initial state
    this.state = {
      counter: 0
    };
  }

  ...
}

ou si vous utilisez un transpiler comme babel, vous pouvez obtenir

class MyComponent extends React.Component {
  state = {
    counter: 0
  }

  ...
}

Au lieu de l'auto-liaison fournis par createClass, vous pouvez explicitement lier à l'aide d' .bind(this) comme vous l'avez indiqué ci-dessus, ou utiliser de la graisse flèche ES6 syntaxe:

class MyComponent extends React.Component {
  onClick = () => {
    //do something
  }
  ...
}

Au lieu de mettre les choses en componentWillMount, vous pouvez mettre les choses dans le constructeur de la sorte:

class MyComponent extends React.Component {
  constructor(props, context) {
    super(props, context);

    //what you would have put in componentWillMount
  }

  ...
}

Il y a plus de détails dans la Réagir la documentation eux-mêmes, mais, fondamentalement, la seule fonctionnalité supplémentaire qui Réagissent.createClass achète est mixin, mais autant que je sache tout ce que vous avez fait avec mixin qui peut être fait avec un contexte et des plus commandé composants.

React.createClass - méthode pour créer des classes de composants

Pour une meilleure utilisation avec ES6 modules par étend React.Component, qui étend la classe de Composant au lieu de l'appeler createClass

Peu de différences entre les deux sont,

Syntaxe :
De réagir.createClass:

var MyComponent = React.createClass({ });

Réagir.Composant:

export default class MyComponent extends React.Component{ }

getInitialState() :
De réagir.createClass:
Oui
De réagir.Composant:
Pas de

constructeur() :
De réagir.createClass:
Pas de
De réagir.Composant:
Oui

propTypes Syntaxe :
De réagir.createClass:

var MyComponent = React.createClass({
    propTypes: { }
});

Réagir.Composant:

export default class MyComponent extends React.Component{ }
MyComponent.prototypes = { }

Propriétés Par Défaut :
De réagir.createClass:

var MyComponent = React.createClass({
    getDefaultProps(): { return {} }
});

Réagir.Composant:

export default class MyComponent extends React.Component{ }
MyComponent.defaultProps = { }

état :
De réagir.createClass:

State changes can be made inside getInitialState() function

Réagir.Composant:

State changes can be made inside constructor(props) function

ce :

De réagir.createClass:

automatically bind 'this' values.
Ex: <div onClick={this.handleClick}></div>
'this' can be accessed by default in handleClick function

Réagir.Composant:

whereas here we need to bind explicitly,
Ex: <div onClick={this.handleClick.bind(this)}></div>