React Hooks Introduction [watch previous post than watch it]

 

import './App.css';

import Person from './components/Person/Person';

import React, { Component,useState} from 'react'

//#######################################################################

  const App = () => {

   const [ PersonState , SetPersonState ] = useState(     //useState() return a list ---- [0] index a value 

     {                                                 // [1] index a value change korar function

      person:[

        {name:"Munna",age:28},

        {name:"Ekramul",age:33},

        {name:"Palsh",age:67}

      ]

      //animale:"goru" [eita aivabe na diye amra multiple state use korbo react hook multiple supported]

     }

   )

    

   //------------------------------------------------------------------------------------

                const switcHandeler=() => {

                  SetPersonState(

                  {

                    person:[

                      {name:"Maruf Hasan Munna",age:20},            //setstate() object/dictionary neba

                      {name:"Ekramul Soyeb",age:33},

                      {name:"Palsh Mia",age:10}

                    ]

                  }

                  )

                }

   //-------------------------------------------------------------------------------------

    return (

      <div className="App">

      <button onClick={switcHandeler}>Change</button>

      <Person name={PersonState.person[0].name} age={PersonState.person[0].age}>   </Person>

      <Person name={PersonState.person[1].name} age={PersonState.person[1].age}>Identity : voxod</Person>

      <Person name={PersonState.person[2].name} age={PersonState.person[2].age}>     </Person>

      </div>

    )

  }

  

  export default App

//#######################################################################