所以我尝试在我的nextjs应用程序中使用useState,但是我一添加代码行来初始化useState,它就抛出一个弹出错误,并显示错误消息:TypeError: Cannot read properties of null (reading 'useState')
以下是我的代码的简化版本:
import { useState } from 'react'
export default function Home() {
return (
<div>
<Transactions />
</div>
)
}
const Transactions = () => {
const [state, setState] = useState('test')
...
}
Reaction/我正在运行的下一个版本:
"next": "12.1.5",
"react": "18.0.0",
"react-dom": "18.0.0"
Chrome开发工具错误屏幕截图:
你觉得这是什么原因造成的?谢谢
- 编辑*在我这一端非常愚蠢的错误,问题已通过导入React解决...
4条答案
按热度按时间cfh9epnr1#
因此,我派生并克隆了您的GitHub repo,但无法在我的系统上重现该错误。我发现的一件事是在您导入的NavBar组件中
这抛出了一个错误,直到我可以将其更改为下一步/链接为小写
我推荐的做法是重新安装REACT,只需使用一个简单的NPM命令,看看这是否解决了您的问题。如果没有,请让我知道!
dtcbnfnu2#
只需在Home函数内定义State
nbysray53#
迁移到Next时,请确保除了Next-js之外,没有使用其他任何链接。
ffscu2ro4#
只需重新安装最新版本的REPACT