State in class component

 

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}

    ]

  }

   

  render() {

    return (

      <div className="App">

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

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

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 -----