时间戳

首页 > 解决方案 > 在反应中找到总和

reactjs - 在反应中找到总和

问题描述

我有以下数据

day1  product1     100    cash
day1  product2     10     cash
day1  product2     20     card
day2  product1     40     card
day2  product3     30     cash
day2  product1     10     card
day2  product2     60     card
day3  product3     70     cash
day3  product1     20     cash
day3  product2     40     card

如何使用反应查找每天的现金总额和卡的总额，并基于它绘制图表

标签： reactjsd3.js

解决方案

如果您有一个这样的已解析 CSV 项目数组：

const items = [
  { day: "day1", product: "product2", amount: 100, payment: "cash" }
  // ...
]

你可以得到这样的总数：

const sumItems = items.map(item => item.amount).reduce((a, b) => a + b)

const cash = sumItems(items.filter(({ type }) => type === "cash"))
const card = sumitems(items.filter(({ type }) => type === "card"))

推荐阅读