innerhalb eines Arrays Objekts Looping

Question

Ich react-select und will Schleife durch ein Objekt unter Verwendung darzustellen, die sie als die Wert der Auswahl und Label:

// Inside the component's render: 

var myVar = [ 
    this.props.foo.forEach(function(a){ 
    {value: a.name, label: a.name} // line 83 
    }) 
]; 

//return 

<Select ref="stateSelect" options={myVar} simpleValue clearable={this.state.clearable} 
    name="" 
    value={this.state.bar} onChange={this._myFunc} 
/> 

this._myFunc für diese Frage nicht relevant ist. Ich möchte so etwas bekommen:

var myVar = [ 
    {value: "hello", label: "world"}, 
    // the list goes on 
]; 

Mit dem obigen Code, ich habe:

Parse Error: Line 83: Unexpected token :

Ich bin nicht so stark mit JavaScript, um diese Lösung, um herauszufinden, aber ist das möglich? Links zum Nachlesen?

Answer 1

Wenn Sie beabsichtigen myVar mit einer Reihe von Objekten aus this.props.foo dann zu initialisieren versuchen

var myVar = this.props.foo.map(function(a){ 
    return {value: a.name, label: a.name} ; 
}); 

Answer 2

Das Beste ist Schleife in fct wie folgt machen:

render(){ 
return (
    <div> 
    <Select 
    ref="stateSelect" 
    options={ 
     this.props.foo.map((a) => {name: a.name, label: a.name}) 
    } 
    simpleValue 
    clearable={this.state.clearable} 
    name="" 
    value={this.state.bar} 
    onChange={this._myFunc} 
    /> 
    </div>); 
}