【问题标题】:My component not updating in realtime when a change happens (react redux project)发生更改时我的组件没有实时更新(react redux 项目)
【发布时间】:2019-07-22 13:43:42
【问题描述】:

我用 react-redux 制作了一个商店网络应用程序 我在商店中的商品位于 JSON 数据库中,当我在购物车中添加商品(单击购买)时,该商品会进入另一个 JSON 数据库。 我制作了一个组件来计算购物车中的物品。它从数据库中获取项目并查看数据库中有多少项目并显示一个数字 但是当我点击购买按钮时,计数器不会改变,需要硬刷新或需要转到另一个页面并返回(它使用链接来路由)以查看计数器的新编号。 1.那么知道这通常什么时候发生吗?或者我该怎么办 2.有没有办法手动点击按钮后更新页面?

【问题讨论】:

  • 您将项目添加到列表中。该列表仍然是相同的列表。所以组件不会重新渲染,因为列表没有改变。
  • @Tien Duong 但在我的减速器中我使用(...状态),我认为它可以完成创建新列表的工作
  • 你创建新状态。您不会在该州创建新列表。所以 newState 中的列表仍然是旧列表。
  • 其实这是reducer中的代码,案例FETCH:return{...state, ..._.mapkeys(action.payload,"Id")。顺便说一句,有没有手动更新内容?
  • 您需要发布您的 UI 代码,以便我们为您提供帮助。

标签: reactjs redux react-redux


【解决方案1】:
  1. 显示组件assuming a name 没有变化,所以它没有更新。
  2. 点击 Buy in Display 组件时调用计数器操作,并从商店 state.counter 访问 Counter 组件中的计数器。

【讨论】:

    猜你喜欢
    • 2020-05-01
    • 1970-01-01
    • 2018-04-04
    • 2017-06-10
    • 1970-01-01
    • 2021-08-11
    • 1970-01-01
    • 2021-10-06
    • 2019-06-13
    相关资源
    最近更新 更多