使用React挂钩时的USESESTATE错误

Question

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

第25行：React Hook" React.usestate"在函数"联系"中称为React函数组件，也不是自定义React Hook函数React-Hooks/hooks of Hooks 第26行：React Hook" React.usestate"在函数"触点"中称为React函数组件，也不是自定义React Hook函数React-Hooks/hooks 第27行：React Hook" React.usestate"在函数"触点"中称为React函数组件，也不是自定义React Hook函数React-Hooks/hooks of-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

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

Answer 2

组件名称应大写，请尝试更改联系人到联系人。您可以在此处找到与此问题相关的详细对话：React Hook'usestate''在函数中称为" app"哪个既不是React功能组件也不是自定义React Hook函数