箭头功能中的花括号

Question

可以有人，请解释以下内容：我正在关注Dan Abramov的讲座并进行练习。该代码工作正常，但是，当以下特定功能用大括号编写时，测试将失败**{ }**。    case 'toggleTodo' :        return (            state.map( (one) => {                oneTodo( one, action )            })        );相同的代码在没有大括号的情况下也可以正常工作。    case 'toggleTodo' :        return (            state.map( (one) =>                 oneTodo( one, action )            )        );

Answer 1

case 'toggleTodo' :

    return (

        state.map( (one) => 

            oneTodo( one, action )

        )

    );

等于：

case 'toggleTodo' :

    return (

        state.map( (one) => {

            return oneTodo( one, action )

        })

    );

见退货声明

Answer 2

这对花括号形成一个块，其中包含语句列表。您需要return显式使用一条语句使该函数返回某些内容。

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