useEffect 无法监听对象

`useEffect` 是 React 中的一个钩子函数，用于副作用操作，如订阅事件、数据获取等，并在组件卸载时清理这些操作。当你尝试通过 `useEffect` 监听对象属性的变化时，通常期望的是当对象的某个属性值发生变化时执行回调函数。

然而，直接监听 JavaScript 对象的属性变化并不是 React 的内置功能。React 只能感知到 DOM 或者由它管理的状态（useState）的变化。如果你试图监听普通 JavaScript 对象的属性，你需要手动处理这种情况，例如使用第三方库如 `immer`（针对 immer 持久化状态）或者自定义的观察者模式来实现。

例如，你可以创建一个浅快照并在每次更新时比较新旧版本，而不是直接监听对象。这是示例代码：

const [objectSnapshot, setObjectSnapshot] = useState({}); // 初始化浅拷贝

useEffect(() => {
  const handleChange = (newObject) => {
    if (!shallowEqual(newObject, objectSnapshot)) { // 使用 shallowEqual 检查差异
      setObjectSnapshot(newObject);
      // 执行你的回调函数或其他清理操作
    }
  };

  // 如果你有一个对象引用，比如 state 或 props 中的对象
  const objRef = useRef(yourObject);

  objRef.current.addEventListener('propertyChange', handleChange); // 监听特定属性变化

  return () => {
    objRef.current.removeEventListener('propertyChange', handleChange); // 清理监听
  };
}, []);