Important things in ReactJs - Keys - Fragments - List

 import React from 'react';

import './App.css';

const Listdata = [

  {

  name:"Ujjwal Tripathi"

},

{

  name:"Pushpendra Tripathi"

},

{

  name:"Tripti Tripathi"

},

]

const List = () =>{

return Listdata.map((val,index)=>{

  return<li key={index}>{val.name}</li>

});

}

 

const Biodata = () =>{

  return(

    <>

      <p>Name - Jonson</p>

      <p>Address - USA</p>

    </>

  )

}

function App() {

return (

<div>

  <List/>

<Biodata/>

</div>    

  );}

export default App;