setState()用法

setState() 是 React 中的一个函数，用于更新组件的状态（state）。它接受一个对象或一个函数作为参数，用于更新组件的状态。

例如，在一个 React 组件中，我们可以使用 setState() 来更新组件的状态：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
    };
  }

  handleClick = () => {
    this.setState({ count: this.state.count + 1 });
  };

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={this.handleClick}>Increment</button>
      </div>
    );
  }
}

在上面的代码中，我们定义了一个名为 count 的状态，并在 handleClick 函数中使用 setState() 来更新它。每次点击按钮时，count 的值将增加 1，并重新渲染组件以反映新的状态。

除了接受一个对象作为参数外，setState() 还可以接受一个函数作为参数。这个函数接受两个参数：先前的状态值和当前的属性值，返回一个对象，表示要更新的状态。使用函数作为参数的 setState() 的语法如下：

this.setState((prevState, props) => {
  return { count: prevState.count + 1 };
});

在上面的代码中，我们使用了一个箭头函数来更新 count 的值。该函数接受两个参数：prevState 和 props，分别表示先前的状态值和当前的属性值。返回的对象表示要更新的状态。这种方式可以避免因为 setState() 的异步性导致的问题。