[Aprendizaje de reacción]: tres atributos básicos de los componentes: estado (siete)

[Aprendizaje de reacción]: tres atributos básicos de los componentes: estado (siete)

2.2.2 Comprensión

1. el estado es el atributo más importante del objeto componente y el valor es un objeto (puede contener varias combinaciones de clave-valor)
2. El componente se denomina "máquina de estado" y la visualización de la página correspondiente se actualiza actualizando el estado del componente (representando el componente)

2.2.3 Atención fuerte

1. El this en el método de renderizado del componente es el objeto de instancia del componente.
2. Esto no está definido en el método personalizado del componente, ¿cómo resolverlo?
   a) Enlace obligatorio de esto: a través de bind() del objeto de función
   b) Función de flecha
3. Datos de estado, que no se pueden modificar ni actualizar directamente
   

      <script type="text/babel">
      class Weather extends React.Component{
    
    

        constructor(props){
    
    
            super(props)
                this.state={
    
    isHot:false}
        }

        render() {
    
    
            return <h1>今天天气很{
    
    this.state.isHot?'炎热':'凉爽'}</h1>
        }
      }

    ReactDOM.render(<Weather/>,document.getElementById('test'))
    </script>