React State 状态

React State 是一个组件的数据状态，它是用于维护组件自身数据的容器。当state中的数据变化时，组件会自动重新渲染，并更新DOM。

在React中，你不能直接更改state的值，而是需要使用setState方法来触发一次更新。

以下是一个简单的React组件示例，它展示了如何使用state和setState：

import React, { Component } from 'react';
 
class Counter extends Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 }; // 初始化state
    this.increment = this.increment.bind(this); // 绑定方法到this
  }
 
  increment() {
    this.setState(prevState => ({ count: prevState.count + 1 })); // 更新state
  }
 
  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={this.increment}>Increment</button>
      </div>
    );
  }
}
 
export default Counter;

在这个例子中，我们有一个名为Counter的React组件，它有一个state属性count，用于记录点击次数。increment方法通过调用this.setState来更新count值，每次点击按钮时count值会增加1。