基本国家

React 组件中的状态对于管理和传递应用程序中的数据至关重要。它表示为 JavaScript 对象并具有组件级别范围,可以将其视为组件的私有数据。

在下面的例子中,我们在组件的 constructor 函数中定义了一些初始状态,并在 render 函数中使用它。

class ExampleComponent extends React.Component {
  constructor(props){
    super(props);

    // Set-up our initial state
    this.state = {
      greeting: 'Hiya Buddy!'
    };
  }

  render() {
    // We can access the greeting property through this.state
    return(
      <div>{this.state.greeting}</div>
    );
  }
}