一个文件中有两个 useContext答案

【问题标题】：Two useContexts in a file一个文件中有两个 useContext
【发布时间】：2022-06-13 10:46:34
【问题描述】：

我想在同一个文件中使用两个 useContexts'。

import React, { useContext, useState } from 'react'
import { SubscribeContext } from '../NavBar'
import { AppContext } from '../../../Home'
import './Subscribe.css'

export default function SubscribePopup() {
    const { setSubscribePop } = useContext(SubscribeContext);
    const { error, setError } = useContext(AppContext);
    const [text, setText] = useState("");
    return (
        <div>
        </div>
    )
}

SubscribeContext 似乎工作正常。然而useContext(AppContext) 返回 undefined

#AppContext File
import React, { createContext, useState } from 'react'
import Card from './components//Cards/Card'
import NavBar from './components/NavBar/NavBar'


export const AppContext = createContext();
export default function Home() {
    const [error, setError] = useState(false);
    return (
        <div>
            <AppContext.Provider value={{error, setError}}>

            </AppContext.Provider>
        </div>
    )
}

这里有什么问题？

【问题讨论】：

嗨，SubscribePopup 是 AppContext 提供者的孩子吗？
如果是，则必须显示 AppContext 的代码
我不这么认为。我更新了代码

标签： reactjs react-context