React Hook“useState”在函数“app”中调用，它既不是React函数组件，也不是自定义React Hook函数

Question

我正在尝试使用反应钩来解决一个简单的问题

const[personState,setPersonSate]=  useState({DefinedObject});

具有以下依赖关系。

"dependencies": {
 "react": "^16.8.6",
 "react-dom": "^16.8.6",
 "react-scripts": "3.0.0"
}

但仍然得到错误

./双人床/app.就是

第7行： React Hook“useState”在函数“app”中调用，它既不是React函数组件，也不是自定义React Hook函数react-hooks / rules-of-hooks

第39行： '州'没有定义 没有民主基金

搜索关键字以了解有关每个错误的更多信息。

Answer 1

尝试像'app'一样大写

const App = props => {...}

出口默认App;

Answer 2

据我所知，这个包中包含一个linter。它要求你的元素应该从Capital角色开始。请检查一下。

但对我来说这很难过。

Answer 3

我觉得我们在Udemy做同样的课程。

如果是这样，只需将资本化

const app

至

const App

做得好

export default app

至

export default App

这对我来说很有用。

Answer 4

我遇到过同样的问题。事实证明，将“App”中的“A”大写是个问题。此外，如果您执行导出：export default App;确保您也导出相同的名称“App”。

Answer 5

我遇到了同样的问题，但没有App。我有一个自定义类，但使用小写字母来启动函数名称，并收到错误。

将函数名称的第一个字母和导出行更改为CamelCase，错误消失了。

在我的情况下，最终结果是这样的：

function Document() {
....
}
export default Document;

这解决了我的问题。

Answer 6

你有正确的进口吗？

import React, { useState } from 'react';