React js_List_and_keys

 import React from 'react'

export default function list() {

    const user=['gaurav','raj','amit'];

    const Result=user.map((data,id) =>data);

    return (

        <div>

            {Result}

        </div>

    )

}

.....................................................................

import React from 'react'

import Show from './show_data';

export default function list() {

    const user=[

        {name:'gaurav',age:30},

        {name:'raj',age:20},

        {name:'amit',age:18}

    ]

    //u can make index key in an array or id...(add the item at top and last in the list)

    const Result=user.map((data,index) =><Show key={index} data={data} />);

    return (

        <div>

            {Result}

        </div>

    )

}

.....................................................

import React from 'react'

export default function show_data({data}) {

    return (

        <div>

          <li>  {data.name}{data.age}</li>

        </div>

    )

}