当前位置: 首页 > 知识库问答 >
问题:

React Hook"useState"在函数"app"中被调用,它既不是React函数组件,也不是自定义React Hook函数

养星汉
2023-03-14

我试图用react钩子解决一个简单的问题

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

具有以下依赖项。

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

但我仍然得到以下错误:

./src/App.js

第7行:
React Hook"useState"在函数"app"中被调用,该函数既不是React函数组件,也不是自定义的React Hook函数report-Hook/规则钩子

第39行:
未定义“状态”
无未定义

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

组件代码如下:

import React, {useState} from 'react'; 
import './App.css'; 
import Person from './Person/Person'; 

const app = props => { 
    const [personState, setPersonSate] = useState({ person:[ {name:'bishnu',age:'32'}, {name:'rasmi',age:'27'}, {name:'fretbox',age:'4'} ], }); 
    return (
        <div className="App"> 
            <h2>This is react</h2> 
            <Person name={personState.person[1].name} age="27"></Person>
            <Person name={personState.person[2].name} age="4"></Person> 
        </div> ); 
    };
    export default app;

人成分

import React from 'react'; 

const person = props => { 
    return( 
        <div>
            <h3>i am {props.name}</h3>
            <p>i am {props.age} years old</p>
            <p>{props.children}</p>
        </div> 
    )
};

export default person; 

共有3个答案

子车英达
2023-03-14

据我所知,这个包裹里有一根短绒。它要求你的写作应该从大写字母开始。请检查一下。

然而,对我来说,这是悲哀的。

温峻熙
2023-03-14

我觉得在我的大学里,我们的课程是一样的。

如果是这样,只需大写

const应用程序

const应用程序

做和为

export default app

export default App

它对我很有效。

年凯康
2023-03-14
const App = props => {...}

export default App;

在React中,组件需要大写,自定义钩子需要从use开始。

 类似资料: