Reactjs 定义useContext.Provider的useState值

我正在做一个应用程序，其中我有一些组件，我已经从中定义了useStates，从所有组件中获取我需要的值

我还使用useContext创建了一个上下文，并将我的主要组件包装如下：

import React from 'react'
import { AppContext } from './components/appContext/AppContext'

import { MainApp } from './MainApp'

export const App = () => {


    const testValues = {
        myDomine: 'domine name',
        mySpace: 'space name',
        color: 'red',
        persons: '5 ',
        privacidad: true

    }


    return (
        <AppContext.Provider value={testValues}>
            <MainApp/>

        </AppContext.Provider>
    )
}

const { myDomine, mySpace} = useContext(AppContext)

之前导入了useContext和我之前创建的AppContext

你看，一切都很好，但是

如何将单独获得的组件状态值传递给这个testValues对象

我试图实现的目标完全错了吗

---

提前谢谢

我想你能做到

例如：

关于提供者

    import {useState} from 'react';

---

最后：您可以同时使用setTestvalues（更新状态）和testValues（状态）。

感谢您的重播，我想我没有正确地解释自己。我要再次说明：我有5个单独的组件，每个组件都有useState钩子的最终值。我想要实现的是将这些值传递给我的testValues对象…例如，将不是“domine name”，而是componentOneValue…等等

    const [testValues, setTestValues] = useState({
        myDomine: 'domine name',
        mySpace: 'space name',
        color: 'red',
        persons: '5 ',
        privacidad: true
    })

    <AppContext.Provider value={[testValues, setTestValues]}>
       <MainApp/>
    </AppContext.Provider>

    const [testValues, setTestValues] = useAuthContext();