useContext中的提供程序是否持有多个值

import React, { createContext, useContext } from 'react';

// 创建上下文对象
const MyContext = createContext();

// 提供程序组件
const MyProvider = ({ children }) => {
  const value1 = 'Value 1';
  const value2 = 'Value 2';

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

// 子组件
const ChildComponent = () => {
  const { value1, value2 } = useContext(MyContext);

  return (
    <div>
      <p>Value 1: {value1}</p>
      <p>Value 2: {value2}</p>
    </div>
  );
};

// 应用程序组件
const App = () => {
  return (
    <MyProvider>
      <ChildComponent />
    </MyProvider>
  );
};

export default App;