es2015マップを使用してインデックスを取得できません

Question

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

上記のjsxで何が問題になっていますか？マップを使用してインデックスを取得できませんでしたか？

Answer 1

マップを使用する適切な方法は次のとおりです。

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

または

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

Mozillaの

Array.prototype.map()

Answer 2

あなたは()以内にあなたJSXのコンテンツをラップされていません。また、定義div

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