Estado de ReactJS

StateEs el punto de origen de los datos. Deberíamos intentar mantener nuestro estado lo más simple posible y reducir al mínimo el número de componentes con estado. Por ejemplo, si tenemos10Si un componente necesita datos del estado, entonces deberíamos crear un componente contenedor para almacenar el estado de todos los componentes.

Uso del estado

El siguiente código de ejemplo muestra cómo usar EcmaScript2016Creación de componentes con estado utilizando语法.

App.jsx

import　React　from　'react';
class　App　extends　React.Component　{　　　constructor(props)　{　　　　　　super(props);
　　　　　　this.state　=　{
　　　　　　　　　header:　"Encabezado del estado desde...",
　　　　　　　　　content:　"Contenido del estado desde..."
　　　　　　}
　　　}　render()　{
　　　　　　return　(
　　　　　　　　　<div>
　　　　　　　　　　　　<h1>{this.state.header}</h1>
　　　　　　　　　　　　<h2>{this.state.content}</h2>
　　　　　　　　　</div>
　　　　　　);
　　　}
}
export　default　App;

main.js

import　React　from　'react';
import　ReactDOM　from　'react-dom';
import　App　from　'./App.jsx';
ReactDOM.render(<App　/>,　document.getElementById('app'));

Esto producirá el siguiente resultado.