State是数据来源的地方.我们应该始终尽量使我们的状态变得简单，并尽量减少有状态组件的数量.例如，如果我们有10个需要来自州的数据的组件，我们应该创建一个容器组件来保持所有这些组件的状态.

使用State

以下示例代码显示了如何使用EcmaScript2016语法创建有状态组件.

App.jsx

import React from 'react';class App extends React.Component {   constructor(props) {      super(props);      this.state = {         header: "Header from state...",         content: "Content from state..."      }   }   render() {      return (         
            
{this.state.header}
            
{this.state.content}
         
      );   }}export default App;

main.js

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

这将产生以下结果.