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

Question

问题1

下面这两段代码的区别是什么，为什么一个用({})，另外一个不用

toggleTodo = id => ({
    type: 'TOGGLE_TODO',
    id
});

toggleToChange = (id)=> {
    return {
        type: 'TOGGLE_TO_CHANGE',
        id
    }
};

问题2

this.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
        })