erhalten Index fehlgeschlagen mit es2015 Karte

Question

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

Was ist los mit meinem jsx oben? konnte den Index nicht mithilfe der Karte abrufen?

Answer 1

Hier ist der richtige Weg, um Karte zu verwenden.

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

oder

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

Mozilla

Array.prototype.map()

Answer 2

Sie sind nicht Ihre JSX Inhalt innerhalb () Verpackung. Auch müssen Sie die ( auf der gleichen Linie haben, wie => und Sie haben eine zusätzliche Schließung div

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