I have array in react like
[
{
no:"s1",
name:"abcd"
},
{
no:"s1",
name:"abcd"
}
]
I want to use map function to render in UI but. I want id to be increment with map integrations
eg
<ul>
<li id="1">
{no}
{name}
</li>
<li id="2">
{no}
{name}
</li>
</ul>
you can just use array index for that
const data = [
{
no:"s1",
name:"abcd"
},
{
no:"s1",
name:"abcd"
}
]
...
return <ul>
{data.map((item, i) => <li key={i} id={i+1}>{item.no} {item.name}</li>)}
</ul>