总览
导致"Invalid hook call. Hooks can only be called inside the body of a function component"错误的有多种原因:
react
和react-dom
的版本不匹配。- 在一个项目中有多个
react
包版本。 - 试图将一个组件作为一个函数来调用,例如,
App()
而不是<App />
。 - 在类里面使用钩子,或者在不是组件或自定义钩子的函数中使用钩子。
invalid-hook-call-hooks-can-only-be-called.png
版本匹配
在项目的根目录下打开终端,更新react
和react-dom
包的版本,确保版本是相匹配的,并且没有使用过时的版本。
#