Question

我正在使用钩子，但出现此错误

第25行：React Hook“ React.useState”在函数“ contact”中调用，该函数既不是React函数组件也不是定制的React Hook函数react-hooks / rules-of-hooks 第26行：在函数“ contact”中调用React Hook“ React.useState”，该函数既不是React函数组件也不是自定义的React Hook函数react-hooks / rules-of-hooks 第27行：在函数“ contact”中调用React Hook“ React.useState”，该函数既不是React函数组件，也不是自定义的React Hook函数react-hooks / rules-of-hooks

export default function contact() {

 const [messageInput, setMessageInput] = React.useState("");
 const [email, setEmail] = React.useState("");
 const [name, setName] = React.useState("");

 const enables =
   messageInput.length > 0 &&
   email.length > 0 &&
   name.length > 0;


 return (

<div className="App">

我之前也做过类似的项目，并且我将以前的项目用作参考。这在我的旧项目中没有发生。

Answer 1

挂钩规则lint规则使用命名约定来推断功能的用途。以use开头的函数被认为是钩子。假定以大写字母开头的功能为组件。 contact都不是。将其更改为Contact。

使用React Hooks时UseState错误

1 个答案: