基于状态改变 React State 的最佳方法是什么？

在 React 中，基于状态改变的最佳方法是使用 setState 方法来更新状态。setState 方法接受一个函数作为参数，在该函数中可以获取到当前的状态，并返回一个新的状态。

以下是一个示例代码：

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  const increment = () => {
    setCount(prevCount => prevCount + 1);
  };

  const decrement = () => {
    setCount(prevCount => prevCount - 1);
  };

  return (
    <div>
      <h1>Count: {count}</h1>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
    </div>
  );
}

export default Counter;

在上面的示例中，我们使用 useState 钩子来定义一个名为 count 的状态，并初始化为 0。然后，我们定义了两个方法 increment 和 decrement，分别用于增加和减少计数。在这两个方法中，我们使用 setCount 来更新 count 状态。setCount 接受一个函数作为参数，该函数获取到当前的状态值 prevCount 并返回一个新的状态值。

这种方式可以确保在更新状态时不会受到异步更新的影响，并且是 React 推荐的更新状态的最佳实践方法。