当从箭头函数返回一个对象时,由于语法的模糊性,似乎有必要使用额外的一组{}和一个return关键字.
这意味着我不能写p => {foo: "bar"},但必须写p => { return {foo: "bar"}; }.
如果箭头函数返回除对象以外的任何内容{},return则不需要,例如:p => "foo".
p => {foo: "bar"}回报undefined.
修改后的p => {"foo": "bar"}抛出" SyntaxError:意外标记:' :'".
有什么明显的东西我不见了吗?
我有一个对象数组:
[
{
id: 1,
name: 'bill'
},
{
id: 2,
name: 'ted'
}
]
Run Code Online (Sandbox Code Playgroud)
寻找一个简单的单行返回:
[
{
value: 1,
text: 'bill'
},
{
value: 2,
text: 'ted'
}
]
Run Code Online (Sandbox Code Playgroud)
因此,我可以使用正确的键轻松地将它们泵入反应下拉列表中.
我觉得这个简单的解决方案应该可行,但我得到的语法错误无效:
this.props.people.map(person => { value: person.id, text: person.name })
Run Code Online (Sandbox Code Playgroud)