1. Componentes funcionales sin estado
Es para crear un componente de visualización puro, este componente solo es responsable de la visualización en función de los accesorios entrantes, no implica la operación del estado del estado
El componente no se instanciará, se mejorará el rendimiento general de representación, no se puede acceder a este objeto y no se puede acceder a los métodos del ciclo de vida
2. ES5 Native Way React.createClass // RFC
React.createClass se unirá automáticamente a los métodos de función, lo que provocará una sobrecarga innecesaria del rendimiento y aumentará la posibilidad de obsolescencia del código.
3. Formulario de herencia E6 React.Component // RCC
La forma actualmente altamente recomendada de crear componentes con estado eventualmente reemplazará el formulario React.createClass; la reutilización del código se puede lograr mejor que React.createClass.
La diferencia entre los componentes sin estado y los dos últimos.
En comparación con los componentes sin estado, React.createClass y React.Component crean componentes con estado, que deben ser instanciados y tener acceso a los métodos de ciclo de vida de los componentes.
Diferencia entre React.createClass **** y React.Component
① Funcione este enlace automático
-
Para el componente creado por React.createClass, esto de cada función miembro está automáticamente vinculado por React, y esto en la función se establecerá correctamente.
-
Para los componentes creados por React.Component, sus funciones miembro no se vincularán automáticamente a esto, y los desarrolladores deben vincularlo manualmente, de lo contrario, esto no puede obtener el objeto de instancia del componente actual.
② El tipo de propiedad del componente propTypes y su propiedad de utilería predeterminada defaultProps se configuran de manera diferente
-
Cuando React.createClass crea un componente, el tipo de propiedad de los accesorios del componente y las propiedades predeterminadas del componente se configurarán como las propiedades de la instancia del componente, donde defaultProps usa el método getDefaultProps para obtener las propiedades predeterminadas del componente
-
Cuando React.Component configura estas dos informaciones correspondientes al crear un componente, se configuran como propiedades de la clase de componente, no como propiedades de la instancia del componente, que también se denomina propiedades estáticas de la clase.
③ La configuración del estado inicial del componente es diferente
-
El estado del componente creado por React.createClass es configurar el estado relacionado del componente a través del método getInitialState;
-
El estado del componente creado por React.Component se declara en el constructor como inicializando las propiedades del componente.
Resumen final
Siempre que sea posible, use la creación de componentes sin estado.
Los componentes que se pueden crear con React.Component intentan no crear componentes en forma de React.createClass para mejorar la reutilización y el rendimiento.
