当前位置 : 主页 > 网页制作 > React >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
我用React js做了一个Todo列表.此网站包含列表和详细信息页面. 有一个列表,1个列表有10个项目.当用户滚动底部时,将加载下一页数据. 用户点击第40项 – 观看详情页面(react-router) – 点击后
我用React js做了一个Todo列表.此网站包含列表和详细信息页面.
有一个列表,1个列表有10个项目.当用户滚动底部时,将加载下一页数据.

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

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

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

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

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

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

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

网友评论