该如何实现React状态保存呢?

2023-06-01 0 321

状况留存,是指再度读取网页时还原成表单状况。在Vue中,他们能极为快捷地透过 条码同时实现状况的留存,该条码会内存不公益活动的模块示例,而不是封存它。但在React中并没有这个机能,后端相关人员又该怎样同时实现状态留存呢?

该如何实现React状态保存呢?

1、全手动留存状况

全手动留存状况,是极为常用的化解形式,能相互配合React模块的componentWillUnmount开发周期性,透过redux等等的状况高层对统计数据展开留存,透过componentDidMount周期性展开单元测试。

在须要留存的状况较年少时,此种形式能极为快地同时实现他们所需机能,但在信息量大或是情形明快时,全手动留存状况就会变为两件烦心事。为的是不须要每天都重视怎样对统计数据展开留存恢复,他们须要科学研究怎样手动留存状况。

2、透过路由器同时实现手动状况留存(一般来说采用react-router)

1)改写 模块,可参照react-live-route。改写能同时实现他们想的机能,但生产成本也极为高,需要特别注意对原初 机能的留存,和数个react-router版的相容。

2)代替路由器库为react-keeper。全然代替掉路由器计划是一个信用风险极为大的事,须要极为谨慎地考量。

如前所述 模块原有犯罪行为做开拓,可参照react-router-cache-route。假如采用component或是render特性,都难以防止路由器在不相匹配时被卸载掉的宿命。但将children特性当做方式来采用,他们就有全手动掌控渲染的犯罪行为的可能。

目前的状况留存同时实现形式都有各别的难题,但这是极为常用的市场需求,因而他们很大要确信。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务