ES6 ein Array von Objekten, Karte ein Array von Objekten mit neuen Schlüsseln

Question

Ich habe ein Array von Objekten zurück:

[ 
    { 
     id: 1, 
     name: 'bill' 
    }, 
    { 
     id: 2, 
     name: 'ted' 
    } 
] 

für eine einfache Einzeiler Blick zurück:

[ 
    { 
     value: 1, 
     text: 'bill' 
    }, 
    { 
     value: 2, 
     text: 'ted' 
    } 
] 

Also kann ich sie einfach mit den richtigen Tasten in ein React Drop-Down pumpen.

Ich fühle mich wie diese einfache Lösung sollte funktionieren, aber ich bin immer ungültige Syntaxfehler:

this.props.people.map(person => { value: person.id, text: person.name }) 

Answer 1

Sie müssen nur Objekt wickeln in ()

var arr = [{ 
 
    id: 1, 
 
    name: 'bill' 
 
}, { 
 
    id: 2, 
 
    name: 'ted' 
 
}] 
 

 
var result = arr.map(person => ({ value: person.id, text: person.name })); 
 
console.log(result)