props.children in react

import React from 'react'

const Person = (props) => {

    return (

        <div>

            <p>I AM {props.name} and i am {Math.floor(Math.random()*30)} Years old</p>

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

        </div>

    )

}

export default Person

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

import React from 'react'

const App = () => {

  return (

    <div className="App">

          <Person name="Munna"></Person>

          <Person name="Soyeb">Identity : voxod</Person>

          <Person name="Imran"></Person>

    </div>

  )

}

export default App

OUTPUT

I AM Munna and i am 19 Years old

Other Info -----

I AM Soyeb and i am 8 Years old

Other Info ----- Identity : voxod

I AM Imran and i am 2 Years old

Other Info -----