我是react的新手.js我正在使用state钩子，我得到了这个错误任何解决方案请

Question

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

    import React, {useState} from 'react';

    import logo from './logo.svg'

    import Person from './Person/Person';

    import './App.css';

    const app = props =>{

      const [Personstat, setPersonstate]= useState({

        persons : [

          {name:"Amir", age:"25"},

          {name:"Amir Yousaf", age:"22225"},

          {name:"Amir Yousaf Maher", age:"25"}

        ]

      });

     const switchNameHandler = () =>{

        //alert('hello Listener');

        setPersonstate( {

    persons : [

            {name:"Qasin", age:"23"},

            {name:"Qasin Yousaf", age:"22"},

            {name:"Qasin Yousaf Maher", age:"215"}

          ]

        })};

      return (

        <div className="App">

          <h1>Hello  I am trying to learn js </h1>

          <Person name={Personstat.persons[0].name} 

age={Personstat.persons[0].age}/>

          <Person name={Personstat.persons[1].name} 

age={Personstat.persons[1].age}>I am try my best for learning</Person>

          <Person name={Personstat.persons[2].name} 

age={Personstat.persons[1].age}/>

          <button onClick={switchNameHandler}>Switch Name</button>

        </div>

      );

    }

    export default app;

Answer 1

React 组件名称必须以大写字母开头。将组件名称更改为“应用”。