useState设置器不更新其状态的值

import React, { useState } from 'react';

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

  const handleClick = () => {
    // 方式一：使用展开运算符创建新的对象
    setCount(prevCount => ({ ...prevCount, value: prevCount.value + 1 }));

    // 方式二：使用Object.assign()创建新的对象
    setCount(prevCount => Object.assign({}, prevCount, { value: prevCount.value + 1 }));

    // 方式三：使用函数形式的设置器
    setCount(prevCount => {
      return { ...prevCount, value: prevCount.value + 1 };
    });
  };

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

export default Example;