使用反作用钩时的UseState错误

Question

我正在使用钩子，但我得到了这个错误

第25行：React Hook“React.usestate”在函数“contact”中被称为“contact”，它既不是React函数组件也不是自定义React Hook函数React-hooks/rules of-hooks“第26行：React Hook”React.usestate“在函数”contact“中被称为”contact“，它既不是React函数组件也不是自定义React Hook函数React-hooks/rules of-hooks”第27行：React Hook“React.usestate”在函数“contact”中被称为“contact”

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

钩子规则使用命名约定来推断函数的用途。以use开头的函数被假定为钩子。以大写字母开头的函数被假定为组件。联系人两者都不是。将其更改为联系人。