react初学，求助这段代码怎么理解？

Question

问题1下面这两段代码的区别是什么，为什么一个用({})，另外一个不用toggleTodo = id => ({    type: 'TOGGLE_TODO',     id });toggleToChange = (id)=> {    return {         type: 'TOGGLE_TO_CHANGE',         id     } };问题2this.setState({            showPageGroup: showPageGroup,            showPageNumber: showPageNumber,            ellipsisNumber: ellipsisNumber,            endGetIndex: endGetIndex,            arrowShow: arrowShow,            userKeyValue: userKeyValue         })这种setState，怎么优化合并？

Answer 1

1. 两段代码没有区别，都是定义一个返回对象的方法。不同点就在于箭头函数的理解。如果箭头函数需要执行多条语句，则需要用大括号包裹起来。然而大括号又会被认为是一个对象字面量，这样子就会冲突。所以当需要直接返回对象字面量的时候用()括起来，也可以在{}里面显示返回。

2.

this.setState({
            showPageGroup,
            showPageNumber,
            ellipsisNumber,
            endGetIndex,
            arrowShow,
            userKeyValue
        })