【问题标题】:What "[productId]: (state[productId] || 0) + 1" mean?“[productId]: (state[productId] || 0) + 1”是什么意思?
【发布时间】:2017-02-23 10:27:27
【问题描述】:

我正在尝试重新创建 redux 购物车示例。但是我发现很难理解下面的代码行,因为我是 ES6 的新手。

[productId]: (state[productId] || 0) + 1

【问题讨论】:

  • key是变量productId的值,值是(state[productId] or 0 if state[productId] is falsey) + 1
  • 我的玻璃球告诉我你应该看看computed property named 和logical operators...
  • glass ball - 继续努力,最终你会买得起水晶的:p
  • 酷。感谢@ASDFGerte 的链接。

标签: javascript ecmascript-6 redux


【解决方案1】:

好吧,再读一遍文件。这里是 intialState 的创建位置:

const initialState = {
  addedIds: [],
  quantityById: {}
}

现在是quantityById 函数。它以state 的形式传递initialState.quantityById。

const quantityById = (state = initialState.quantityById, action) => {

以下行是使用spread operator 构造要返回的对象。

      return { ...state,
        [productId]: (state[productId] || 0) + 1
      }

{ ...state 表示从state 变量中获取内容,这意味着所有属性都将在新对象中。然后[productId]: (state[productId] || 0) + 1 会将 [productId] 的值设置为来自传递的state 对象state[productId] 或0 如果此ID 不在state 对象上并添加1 到它.

总的来说,如果没有在传递的state对象上添加[productId],或者从state对象复制后更新。

更多关于spread operator的信息也可以在这里找到。

希望这会有所帮助!

【讨论】:

    猜你喜欢
    • 2023-03-23
    • 2018-09-25
    • 1970-01-01
    • 2015-05-27
    • 2023-02-02
    • 2019-04-25
    • 2017-05-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多