升级到 NextJS 9.0 后如何修复 React Hooks?

Posted

技术标签:

【中文标题】升级到 NextJS 9.0 后如何修复 React Hooks?【英文标题】:How to fix React Hooks after upgrade to NextJS 9.0? 【发布时间】:2019-11-18 06:18:38 【问题描述】:

将 nextjs 更新到 9.0.0 后,在构建过程中出现此问题。 nex^8.1.0 → ^9.0.0 在页面组件中,我使用的是之前设置的全局存储。

const state, dispatch = React.useContext(React.createContext())

错误信息是TypeError: Cannot read property 'state' of undefined, > Build error occurred

【问题讨论】:

【参考方案1】:

原来我必须为React.createContext() 提供默认值 我有初始值,但我将它们传递给Store.Provider

export function StoreProvider(props) 
  const [state, dispatch] = React.useReducer(reducer, initialState);
  const value =  state, dispatch ;
  return <Store.Provider value=value>props.children</Store.Provider>

我只需将initialState 添加到createContext()

export const Store = React.createContext( state: initialState )

【讨论】:

以上是关于升级到 NextJS 9.0 后如何修复 React Hooks?的主要内容,如果未能解决你的问题,请参考以下文章

Sony XZP 8.0升级到9.0

将我的 ubuntu 服务器升级到 10.04 后如何修复我的虚拟主机设置

如何永久修复升级到EF6后出现的“EdmFunctionAttribute is obsolete”警告?

Android 再爆新漏洞,9.0 以下所有手机全部中招!

升级 PHP 版本后如何修复 Twig 文件中的 Html 标签问题

如何在将 Apache 从 2.4.18 升级到 2.4.46 后修复“(38) 功能未实现:AH00141: 无法初始化随机数生成器”?