javascript - Prefer destructuring es-lint错误

Question

我有这个功能:

const calculateTotal = (items) => {
  return items.reduce((totalPrice, basketItem) => {
    const price = basketItem.product.price;
    const quantity = basketItem.quantity;
    const total = price * quantity;
    return totalPrice + total;
  }, 0);
};

如何使用 ES6+ 解构来解决这个问题？

我知道我需要类似的东西(第 4 行):

const { basketItem: 数量 } = 数量；


但是我无法让第 3 行工作

Answer 1

根据您尝试执行的操作，您可以执行此操作以从 product 获取 price 并从 basketItem 获取 quantity code> 无需在两行中声明变量。

const calculateTotal = (items) => {
  return items.reduce((totalPrice, basketItem) => {
    const { product: { price }, quantity } = basketItem;

    const total = price * quantity;
    return totalPrice + total;
  }, 0);
};