React是否像Vue js一样保持活力?

问题描述 投票:4回答:2

我用React js做了一个Todo列表。此网站包含列表和详细信息页面。有一个列表,1个列表有10个项目。当用户滚动底部时,将加载下一页数据。

用户单击第40项 - >观看详细信息页面(react-router) - >单击后退按钮

主页面滚动页面顶部并再次获取第一页数据。

如何在没有Ajax调用的情况下恢复滚动位置和数据?

当我使用Vue js时,我使用了'keep-alive'元素。帮我。谢谢 :)

reactjs vue.js infinite-scroll react-router-v4
2个回答
0
投票

保持活力非常好。通常,如果要保留状态,可以使用Flux(Redux lib)设计模式将数据存储在全局存储中。您甚至可以将其添加到单个组件用例中,如果您愿意,也不要在其他任何地方使用它。

如果需要保留组件,可以查看提升组件并在组件中添加“display:none”样式。这将保留节点,从而保留组件状态。

值得注意的是,“关键”字段有助于React引擎找出应该卸载哪些树以及应该保留哪些树。如果您具有相同的组件并希望在多个用法中保留其状态,请保持键值。相反,如果要确保卸载,只需更改键值即可。


0
投票

到目前为止,答案并非遗憾。但在React存储库中存在一个问题:qazxsw poi

© www.soinside.com 2019 - 2024. All rights reserved.