Как карта с функцией и текстом ReactJs

Question

Я хотел бы объяснить мою проблему дня.

В настоящее время я сопоставляю, все работает правильно

Моя проблема и что я могу sh Я мог бы создать в ней div в Для того, чтобы отобразить результат общего, к сожалению, я не могу

У вас есть идеи, как это исправить?

 {this.props.items.map(item => { 
 const product = this.props.items;
 let total = 0;

 console.log(total)
 console.log('yolo',product)
 console.log('yolo array',product[0].quantity)

for (let i = 0 ; i<product.length;i++){
console.log('products',product[i].quantity) 
total = total + product[i].quantity;                        
}
} 
)}

Answer 1

, даже если бы вы рендерили что-либо с использованием итога, с помощью этого метода вы будете рендерить «итоговый элемент» для каждого item в props.items. Здесь вы хотите использовать метод reduce. Вот пример с очень базовым c div, но вы можете решить, что отображать вместо него

<div>
{this.props.items.reduce((total,item) => item.quantity + total, 0)}
</div>

Что делает метод reduce, так это возвращая единственное значение из списка элементов , Второй параметр - ваше начальное значение, а первый - обратный вызов, который будет выполняться на каждой итерации