SetState() method

 

import React from 'react'

const Person = (props) => {

    return (

        <div>

            <p>I AM {props.name} and i am {props.age} Years old</p>

            <p>Other Info -----  {props.children}</p>

        </div>

    )

}

export default Person

----------------------------------------------------------------------

import './App.css';

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

import React, { Component } from 'react'

export class App extends Component {

  

  state={

    person:[

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

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

      {name:"Palsh",age:67}

    ],

    animale:"goru" //other value of state

  }

  sitchhandeler=(params) => {

    this.setState(

     {

      person:[

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

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

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

      ]

     }

    )

  }

   

  render() {

    return (

      <div className="App">

      <button onClick={this.sitchhandeler}>Change</button>

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

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

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

</div>

    )

  }

}

export default App;

__________________________________________________________

Change

I AM Munna and i am 28 Years old

Other Info -----

I AM Ekramul and i am 33 Years old

Other Info ----- Identity : voxod

I AM Palsh and i am 67 Years old

Other Info -----

I AM Maruf Hasan Munna and i am 20 Years old

Other Info -----

I AM Ekramul Soyeb and i am 33 Years old

Other Info ----- Identity : voxod

I AM Palsh Mia and i am 10 Years old

Other Info -----

_________________________________________________________