通过对象的数组对象

Question

我使用react-select，想循环内循环来代表它作为选择的值和标签：

// 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是不相关的这个问题。我想是这样的：

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

与上面的代码，我有：

Parse Error: Line 83: Unexpected token :

我不是的JavaScript强烈找出这种解决方案，但是这可能吗？链接阅读？

Answer 1

如果您打算从this.props.foo对象数组初始化myVar然后尝试

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

Answer 2

最好的是环中呈现FCT这样的：

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>); 
}