首页 > 解决方案 > 使用 React Hooks 的问题

问题描述

尝试在 react 中使用 useState 时出现此错误:

https://i.imgur.com/XLQ7oq7.png

我有:

标签: reactjsreact-hooks

解决方案


正如错误消息所说,“只能在函数组件的主体内调用挂钩”,但您有一个类组件。您需要首先使用函数组件而不是类组件,然后确保您是useState从组件的顶层调用,而不是从它内部的另一个函数调用。

React 文档包含了这个确切的场景作为你为什么会得到这个错误的例子:

坏钩子示例


推荐阅读