利用React Hooks时UseState错误

Question

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

第25行：在函数“ contact”中调用React Hook“ React.useState”，该函数既不是React函数组件也不是自定义的React Hook函数react-hooks / rules-of-hooks第26行：React Hook“ React.useState”是在既不是React函数组件也不是自定义React Hook函数的函数“ contact”中调用react-hooks / rules-of-hooks第27行：在都不是React的函数“ contact”中调用React Hook“ React.useState”功能组件或自定义的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。