当引用另一个钩子值时，react钩子不更新

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [value1, setValue1] = useState('');
  const [value2, setValue2] = useState('');

  useEffect(() => {
    // 在这里执行需要在value2变化时触发的操作
  }, [value2]);

  // 其他代码...

  return (
    // 组件的JSX代码
  );
}

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [value1, setValue1] = useState('');
  const [value2, setValue2] = useState('');

  // 使用自定义的比较函数
  useEffect(() => {
    // 在这里执行需要在value2变化时触发的操作
  }, (prevValue, nextValue) => {
    // 比较prevValue和nextValue的逻辑，返回true表示值相等，不触发重新渲染
    // 返回false表示值不相等，触发重新渲染
    return prevValue === nextValue;
  });

  // 其他代码...

  return (
    // 组件的JSX代码
  );
}