在上下文提供程序中使用useEffect设置两个挂钩状态

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

function MyComponent() {
  const [state1, setState1] = useState(initialState1);
  const [state2, setState2] = useState(initialState2);

  // useEffect钩子函数的回调函数
  useEffect(() => {
    // 在这里执行副作用操作
    // 可以访问和修改state1和state2的值
    // 也可以进行其他操作，如发送网络请求、订阅事件等

    // 返回一个清理函数，用于在组件卸载或下一次effect执行之前执行清理操作
    return () => {
      // 在这里执行清理操作
      // 可选的，如果没有清理操作，可以省略这个返回函数
    };
  }, [state1, state2]); // 传入一个依赖数组，只有当依赖项发生变化时，才会重新执行effect回调函数