首页 > 解决方案 > useContext 值更改不会更新组件

问题描述

这是我的应用程序的插图 --> imgur
这是我的应用程序的精简版 -->代码和框

我正在创建一个跟踪每月支出的预算仪表板。有一个表格显示了用户在需求、储蓄或需求类别中分配资金的位置。在此之上,有四张卡片显示用户的净收入、总收入、应急基金和退休储蓄金额。所有这些都使用 useContext 进行管理。

第一行“想要”应始终显示净收入减去所有分配资金的总和。当我删除一行时,我希望“想要”更新为正确的值(我显示在表格上方),并且紧急基金的值也会改变。应急基金等于“需求”类别的总和乘以 6。

我如何获得相应更新的“需求”和紧急基金价值?

标签: javascriptreactjsreact-hooksuse-context

解决方案


推荐阅读