我用React js做了一个Todo列表.此网站包含列表和详细信息页面.
有一个列表,1个列表有10个项目.当用户滚动底部时,将加载下一页数据.
有一个列表,1个列表有10个项目.当用户滚动底部时,将加载下一页数据.
用户点击第40项 – >观看详情页面(react-router) – >点击后退按钮
主页面滚动页面顶部并再次获取第一页数据.
如何在没有Ajax调用的情况下恢复滚动位置和数据？
当我使用Vue js时,我使用了’keep-alive’元素.
帮我.谢谢 ：)
解决方法
保持活力非常好.通常,如果要保留状态,可以使用Flux(Redux lib)设计模式将数据存储在全局存储中.您甚至可以将其添加到单个组件用例中,如果您愿意,也不要在其他任何地方使用它.
如果需要保留组件,可以查看提升组件并在组件中添加“display：none”样式.这将保留节点,从而保留组件状态.
值得注意的是,“关键”字段有助于React引擎找出应该卸载哪些树以及应该保留哪些树.如果您具有相同的组件并希望在多个用法中保留其状态,请保持键值.相反,如果要确保卸载,只需更改键值即可.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。