你的导入正确吗?

import React, { useState } from 'react';

你的代码

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, {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;

会有用的谢谢。

解决方法很简单，把“app”写正确，并把“app”的第一个字母大写。

React组件(包括函数组件和类组件)必须以大写字母开头。就像

const App=(props)=><div>Hey</div>

class App extends React.Component{
   render(){
     return <div>Hey</div>
   }
}

React通过遵循这个语义来标识用户定义的组件。React的JSX编译到React。createElement函数，返回dom节点的对象表示形式。该对象的type属性告诉我们它是用户定义的组件还是像div这样的dom元素。因此，遵循这个语义是很重要的

由于useState钩子只能在函数组件(或自定义钩子)内部使用，这就是为什么你得到错误的原因，因为react不能首先将其标识为用户定义的组件。

useState也可以在自定义钩子中使用，用于可重用性和逻辑抽象。因此根据钩子的规则，自定义钩子的名称必须以“use”前缀开头，并且必须在驼峰大小写中

你得到这个错误:"React Hook "useState"在函数"App"中被调用，这既不是一个React函数组件，也不是一个自定义的React Hook函数"

解决方案:你基本上需要大写函数。

例如:

const Helper =()=>{} 函数Helper2 () {}

无论何时使用React功能组件，始终保持组件名称的首字母为大写，以避免这些React Hooks错误。

在你的例子中，你已经将组件命名为app，正如我上面所说的，应该将其更改为app，以避免React Hook错误。