在useState使用React中出现错误“TypeError:Cannot Read Properties of NULL(正在读取‘useState’)”

biswetbf  于 2022-10-02  发布在  Java
关注(0)|答案(4)|浏览(882)

所以我尝试在我的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解决...
cfh9epnr

cfh9epnr1#

因此,我派生并克隆了您的GitHub repo,但无法在我的系统上重现该错误。我发现的一件事是在您导入的NavBar组件中

import Link from 'next/Link'

这抛出了一个错误,直到我可以将其更改为下一步/链接为小写

import Link from 'next/link'

我推荐的做法是重新安装REACT,只需使用一个简单的NPM命令,看看这是否解决了您的问题。如果没有,请让我知道!

npm uninstall react
npm install react@latest
dtcbnfnu

dtcbnfnu2#

只需在Home函数内定义State

nbysray5

nbysray53#

迁移到Next时,请确保除了Next-js之外,没有使用其他任何链接。

ffscu2ro

ffscu2ro4#

只需重新安装最新版本的REPACT

npm install react@latest

相关问题