在react.js中添加列值

Question

添加所有列值的最佳方法是什么？
JSON

[
  {
    "id": "men",
    "label": "men",
    "value": 3,
    "color": "#468df3"
  },
  {
    "id": "women",
    "label": "women",
    "value": 5,
    "color": "#ba72ff"
  },
  {
    "id": "children",
    "label": "children",
    "value": 5,
    "color": "#a1cfff"
  }
]

我从服务器获取数据我想添加所有值并在控制台中显示它.例如,控制台中的const值= 3 + 5 + 5 = 13.

Answer 1

简单来说,这与reactjs无关

let raw = '[{"id": "men","label": "men","value": 3,"color": "#468df3"},{"id": "women","label": "women","value": 5,"color": "#ba72ff"},{"id": "children","label": "children","value": 5,"color": "#a1cfff"}]';

let data = JSON.parse(raw);
let sum_value = data.reduce((sum, current)=>{
    return sum + current.value
}, 0);

console.log(sum_value);