javascript - 我无法对 State 中某个属性的每个实例进行求和

标签 javascript reactjs

解决后this question 。在项目的最后阶段,我现在遇到了对每个政党的选票求和的问题。有人建议我使用Redux,我学会了it and started using the state management system ,但不幸的是,我在添加新状态值时陷入了困境。我怀疑是我的操作导致了更新数组。

我最初遇到的问题是如何为每个政党增加国家值(value)。我想分别了解所有 APC 和 PDP 选票的总和。我尝试了不同的技术,但没有成功,这是最后一次清理[https://github.com/CodingIsFood/e-election-collation-app代码状态]。

请期待 stackoverflowers 协助我解决问题(无论是 redux 版本还是非 redux 版本)。

基本上,我需要一个算法,假设我们有一个属性 x,它位于组件 A 中,x 的值根据另一个组件 B 提供的输入而变化。之间存在父子关系A 和 B。我想对 x 的每个实例(每次变化时)进行求和。

最佳答案

根据您的数据源文件的结构,对您的数据执行的以下函数应该可以工作

Datasource.reduce((sum, a) => {
    if(!sum.apcVotes) sum.apcVotes = 0;
    if(!sum.pdpVotes) sum.pdpVotes = 0;
    sum.pdpVotes += parseInt(a.pdpVotes)
    sum.apcVotes += parseInt(a.apcVotes)
    return sum;
}, {})

结果将采用以下结构:

{apcVotes: 250, pdpVotes: 301}

关于javascript - 我无法对 State 中某个属性的每个实例进行求和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54983046/

相关文章:

javascript - 如果为空或数字,则 react 输入验证

javascript - 使 webpack 5 Assets 加载器与 webpack-dev-server 一起工作

javascript - React js - 无法使用 react 图标,找不到模块 '../lib'

javascript - React-carousel-slider 不重新渲染

javascript - CWSpear 的悬停下拉菜单准备好了吗(requirejs)?

javascript - 如何根据我的窗口大小(台式机、平板电脑、手机)设置 slick.js 设置?

javascript - 在 JavaScript 中,您可以将 apply 与 Args 一起使用吗?

javascript - React.memo - 永远不会调用第二个参数 "areEqual"

javascript - 按 Enter 时提交表单,而不是按按钮

javascript - Cycle2 Carousel 事件幻灯片位于中心