reactjs – React是否像Vue js一样保持活着?

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

用户点击第40项 – >观看详情页面(react-router) – >点击后退按钮

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

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

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

解决方法

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

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

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

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...