鍍金池/ 問答/網(wǎng)絡(luò)營銷  HTML/ react初學(xué)，求助這段代碼怎么理解？

react初學(xué)，求助這段代碼怎么理解？

問題1

下面這兩段代碼的區(qū)別是什么，為什么一個用({})，另外一個不用

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，怎么優(yōu)化合并？

回答
編輯回答
陪妳哭
  1. 兩段代碼沒有區(qū)別，都是定義一個返回對象的方法。不同點就在于箭頭函數(shù)的理解。如果箭頭函數(shù)需要執(zhí)行多條語句，則需要用大括號包裹起來。然而大括號又會被認為是一個對象字面量，這樣子就會沖突。所以當需要直接返回對象字面量的時候用()括起來，也可以在{}里面顯示返回。

2.

this.setState({
            showPageGroup,
            showPageNumber,
            ellipsisNumber,
            endGetIndex,
            arrowShow,
            userKeyValue
        })
2018年6月29日 17:13