我如何理解Redux购物车示例中的默认声明？

Question

声明如下：

default:
      const { productId } = action
      if (productId) {
        return {
          ...state,
          [productId]: products(state[productId], action)
        }
      }
      return state

来源： https : //codesandbox.io/s/github/reactjs/redux/tree/master/examples/shopping-cart （src / reducers / products /-第26行）

到目前为止，这是我的理解：

第26行：如果不满足大小写RECIEVE_PRODUCTS，请执行双点之后的内容。

第27行：const productId设置为等于addToCart操作继承的action.productId。

第28行：如果存在action.productId，请在大括号之间执行该语句。

第29和30行：返回状态的不变属性。

第31行：？

第32-34行：否则，返回状态不变。

Answer 1

[productId]: products(state[productId], action)被分配的结果products(state[productId], action)与值的键productId 。 用一个例子更容易解释：

 const a = 'foo'; const b = 'bar'; const obj = { [a]: a, b: b } console.log(obj);