关于 react 页面显示优化问题?有没有前端的帮忙解答下。

2019-09-23 13:14:01 +08:00
 AFK092

没写过前端,但最近临时接手了个前端项目,技术栈是 react+redux,写页面时发现从 A 页面进入子页面 A1,返回再进入 A2 页面,发现网络慢的情况下,A2 页面会先渲染 A1 页面的数据,再渲染 A2 的,打开 redux 看到,页面卸载时 redux 中数据依然存在,现在想问下有没有什么方法解决这个问题。自己能想的方法是 1:加个不透明 loading 挡住 (项目中的 loading 是透明的) 2:在组件卸载时派发 action 清除 redux 里的数据

1361 次点击
所在节点    程序员
5 条回复
kashao
2019-09-23 13:59:39 +08:00
最简单是在 render 函数里面控制 A1 的数据为空就不渲染 A2 对应的 dom 呗
xylinq
2019-09-23 14:02:31 +08:00
Redux 里有数据是正常的,问题是 A1 页面已经卸载了,为什么还会渲染?你加了页面缓存功能?
shintendo
2019-09-23 14:30:01 +08:00
@xylinq 我猜 A1 和 A2 是同一个页面,只是数据不同
chairuosen
2019-09-23 14:37:25 +08:00
如果子页面数据都以服务器为准,每次进入都要请求。这个页面根本没必要用 redux
DoveAz
2019-09-23 14:39:56 +08:00
我来帮你,qq: MzgzNjkzMDEx

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/603320

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX