Nextjs - 访问全局上下文值答案

【问题标题】：Nextjs - Access global context valuesNextjs - 访问全局上下文值
【发布时间】：2021-08-18 13:17:37
【问题描述】：

我想看看如何在 NextJS 中创建全局上下文并在应用程序中包含全局变量。

目前我有AppContext.js作为

import { createContext } from 'react'

const AppContext = createContext();

export default AppContext

_app.js


const [socketio, setSocketio] = useState(null);
const appContext = {
  socketio
};

return(
  <AppContext.Provider value={ appContext }>
    <Component {...pageProps} />
  </AppContext.Provider>
)

如何从另一个组件访问 appContext 值？谢谢！

【问题讨论】：

标签： reactjs react-hooks next.js

【解决方案1】：

您可以使用 useContext(AppContext) 从任何组件访问数据...例如：

const appContext = useContext(AppContext);

并像访问每个值

appContext.socketio

【讨论】：