无法获取上下文API值
无法获取上下文API值
提问于 2019-08-14 16:02:32
我对react js是个新手。我复制了"https://medium.com/simply/state-management-with-react-hooks-and-context-api-at-10-lines-of-code-baf6be8302c“中的代码。
当我试图在状态提供程序中读取上下文API值时(在状态更新之后)，这些值是未定义的。我能够从stateConsumer函数中获得正确的值。StateContext在这里是全局对象。
export const StateContext = createContext();
export const StateProvider = ({ reducer, initialState, children }) => {
console.log(useStateValue());
return (
<StateContext.Provider value={useReducer(reducer, initialState)}>
{children}
</StateContext.Provider>
);
}
export const stateConsumer = () => {
//console.log("SC",useContext(StateContext));
return useContext(StateContext);
}回答 1
Stack Overflow用户
发布于 2019-08-14 16:13:47
使用this upmostly article中的示例，我认为您需要稍微修改一下：
export const StateContext = createContext([{}, () => {}]);
export const StateProvider = ({ reducer, initialState, children }) => {
const [state, setState] = useContext(StateContext);
return (
<StateContext.Provider=value={[value, setState]}>
{children}
</StateContext.Provider>
);
};它涉及到更多关于使用状态和上下文的细节，你应该阅读更多来充实你的代码。公平地说，这是一个复杂的阅读，但也是一个有趣的阅读。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57490566
复制相关文章
相似问题
腾讯云开发者
