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

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

const[personState，setPersonState]=useState（{DefinedObject}）；

具有以下依赖项

“依赖项”：{
“反应”：“^16.8.6”，
“react dom”：“^16.8.6”，
“反应脚本”：“3.0.0”
}

但我仍然得到以下错误：

./src/App.js

第7行：
函数中调用了React钩子“useState”
既不是反应功能组件也不是自定义反应的“应用程序”
钩子函数反作用钩子/钩子规则

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

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

组件代码如下：

导入React，{useState}来自“React”；
导入“/App.css”；
从“./人/人”导入人；
常量应用程序=道具=&gt；{ 
const[personState，setpersonstate]=useState（{person:[{姓名：'bishnu'，年龄：'32'}，{姓名：'rasmi'，年龄：'27'}，{姓名：'fretbox'，年龄：'4'}，}）；
返回(
&lt；div className=“App”&gt；
&lt；h2&gt；这是react&lt；/h2&gt；
&lt；人名={personState.Person[1].name}age=“27”&gt；&lt；/Person&gt；
&lt；人名={personState.Person[2].name}age=“4”&gt；&lt；/Person&gt；
&lt；/div&gt；）；
};
导出默认应用程序；

人成分

从“React”导入React；
const person=道具=&gt；{ 
报税表（
&lt；div&gt；
&lt；h3&gt；我是{props.name}&lt；/h3&gt；
&lt；p&gt；我{props.age}岁&lt；/p&gt；
&lt；p&gt；{props.children}&lt；/p&gt；
&lt；/div&gt；
)
};
出口违约人；