在React / Redux中自动增加数据的最佳方法?

时间:2016-12-06 22:45:32

标签: javascript reactjs redux

让我们说我有一个UI元素,我希望它绑定到redux存储中的状态。当用户操作触发此状态更改时,这是一种很好的方法。但是,如果这是一个不断改变的状态呢?例如,如果元素需要显示页面已打开多长时间。如果页面每100ms发送一次动作,那么它会发生巨大的内存泄漏,因为每100ms必须有一个新的状态对象创建和存储,而不是垃圾回收。

我目前只是使用好的旧jQuery来更新它,但我认为如果这个数据绑定可以集成到大的react / redux流中会很好。欢迎任何建议。谢谢。

1 个答案:

答案 0 :(得分:0)

我会尝试回答我自己的问题。 查看proof-of-conceptthis以及this会很有帮助。

在这种情况下,imo的最佳方式是绕过redux store并使用新的props渲染新的UI元素。这样,只复制与UI元素显示相关的道具,而不是完整的状态树。

渲染新的UI元素不会删除旧的UI元素,因为这是擅长的反应:比较差异并只更新需要更新的部分。