get index failed using es2015 map

Question

{map(arr, (obj,index) => 
  <div key={index}>{obj.name}</div>
</div>)}

What's wrong with my jsx above? couldn't get the index using map?

Answer 1

Here is the proper way to use map.

array.map((x, index)=>{
     return (<div key={index}>{x.name}</div>);
});

or

Array.prototype.map.call(arr, function(x, index) {
    return (<div key={index}>{x.name}</div>);
});

Mozilla

Array.prototype.map()

Answer 2

You are not wrapping your JSX content within () . Also you need to have the ( on the same line as => and you have an extra closing div

{map(arr, (obj,index) => (
  <div key={index}>{obj.name}</div>
))}