如何将多个钩子传递给上下文API的值？

import React from 'react';

const MyContext = React.createContext();

import React, { useState } from 'react';

const MyContext = React.createContext();

const MyContextProvider = ({ children }) => {
  const [value1, setValue1] = useState('');
  const [value2, setValue2] = useState('');

  return (
    <MyContext.Provider value={{ value1, setValue1, value2, setValue2 }}>
      {children}
    </MyContext.Provider>
  );
};

import React, { useContext } from 'react';

const MyComponent = () => {
  const { value1, setValue1, value2, setValue2 } = useContext(MyContext);

  // 使用钩子值进行操作
  // ...

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