箭头功能中的花括号

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显式使用一条语句使该函数返回某些内容。如果省略花括号，箭头函数将具有简洁的主体，该主体仅由一个表达式组成，其结果将隐式成为函数的返回值。