javascript - 箭头函数中的大括号

Question

谁能解释一下:

我正在听 Dan Abramov 的讲座并做练习。

代码工作正常，但是，当用大括号编写以下特定函数时，测试失败**{ }**。

    case 'toggleTodo' :
        return (
            state.map( (one) => {
                oneTodo( one, action )
            })
        );

相同的代码在没有大括号的情况下工作正常。

    case 'toggleTodo' :
        return (
            state.map( (one) => 
                oneTodo( one, action )
            )
        );

Here is the JsBin .请引用第 31 行。

Answer 1

这对大括号形成一个 block ，包含一个语句列表。您需要显式地使用 return 语句来使函数返回某些内容:

(one) => {
    return oneTodo(one, action);
//  ^^^^^^
}

如果省略大括号，箭头函数有一个简洁的主体，它仅由一个表达式组成，其结果将隐式成为函数的返回值。