Prefer destruction es-lint error

Question

I have this function:

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); }; 

How to fix this with the restructuring of ES6 +?

I know I need something like (on line 4):

const { basketItem: quantity } = quantity;

but i cant get line 3 to work

Answer 1

According to what you did, you can do this to get price from product and quantity from basketItem without declaring variables on two separate lines.

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

Answer 2

 const quantity=basketItem.quantity; 

Below this destruction method:

 const {quantity}=basketItem;