react 状态更新

在React中，状态更新可以通过useState钩子进行管理。如果你需要更新状态，你应该使用React提供的setState函数。

import React, { useState } from 'react';
 
function ExampleComponent() {
  const [count, setCount] = useState(0);
 
  function incrementCount() {
    setCount(count + 1);
  }
 
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={incrementCount}>Increment</button>
    </div>
  );
}

在上面的例子中，ExampleComponent有一个状态变量count，通过useState初始化为0。incrementCount函数通过调用setCount来更新count的值，每次点击按钮时count都会增加1。

注意，setState函数可以接受一个函数作为参数，这个函数允许你基于当前状态进行状态更新。这在状态依赖于之前的状态值时非常有用。

  function incrementCount() {
    setCount(prevCount => prevCount + 1);
  }

如果你需要基于之前的状态来进行更复杂的状态更新，那么使用这种方式是首选。