未能编译react hooks()

Question

在使用usestate((Hook进行状态操作后出现问题。

未能编译错误：

./src/App.js
Line 6:43:   React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks
Line 14:39:  React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks
Search for the keywords to learn more about each error.

此错误发生在生成期间，无法消除。

这个错误也显示在我的终端中：

无法在编辑器中打开App.js。

编辑器进程退出，并返回错误：spawn sublimite_text ENOENT。

Answer 1

hook插件的规则使用命名约定来判断什么是组件，什么是hook，什么是正则函数。以大写字母开头的函数被假定为组件。以use开头的函数被假定为钩子。您的函数显然被命名为app，这两者都不是，所以假设它两者都不是。

假设app是一个组件，修复方法是将其名称更改为App。

Answer 2

你好，这可能是一个错误。因为页面内部的命名约定是错误的。如果您使用组件的名称(如const app = () => {}(，请将其更改为const App = () => {}。确保组件名称以大写字母开头，跳过这个答案有助于您