如何触发具有更复杂依赖关系的useEffect？

useEffect(() => {
  // 副作用操作
}, [dependency1, dependency2, ...]);

function useComplexDependencies() {
  const [dependency1, setDependency1] = useState(initialValue1);
  const [dependency2, setDependency2] = useState(initialValue2);

  // 根据依赖关系计算其他值
  const computedValue = useMemo(() => {
    // 计算逻辑
  }, [dependency1, dependency2]);

  return { dependency1, dependency2, computedValue };
}

function MyComponent() {
  const { dependency1, dependency2, computedValue } = useComplexDependencies();

  useEffect(() => {
    // 副作用操作
  }, [dependency1, dependency2, computedValue]);

  return <div>...</div>;
}

function MyComponent() {
  const dependencyRef = useRef(initialValue);

  useEffect(() => {
    if (dependencyRef.current !== newValue) {
      // 副作用操作
      dependencyRef.current = newValue;
    }
  }, [newValue]);

  return <div>...</div>;
}

useEffect(() => {
  // 副作用操作1
}, [dependency1]);

useEffect(() => {
  // 副作用操作2
}, [dependency2]);

function reducer(state, action) {
  switch (action.type) {
    case 'ACTION_TYPE':
      // 处理逻辑
      return newState;
    default:
      return state;
  }
}

function MyComponent() {
  const [state, dispatch] = useReducer(reducer, initialState);

  useEffect(() => {
    // 副作用操作
  }, [state]);

  return <div>...</div>;
}