V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
AFK092
V2EX  ›  程序员

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

  •  
  •   AFK092 · 2019-09-23 13:14:01 +08:00 · 1356 次点击
    这是一个创建于 1888 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    5 条回复    2019-09-23 14:39:56 +08:00
    kashao
        1
    kashao  
       2019-09-23 13:59:39 +08:00
    最简单是在 render 函数里面控制 A1 的数据为空就不渲染 A2 对应的 dom 呗
    xylinq
        2
    xylinq  
       2019-09-23 14:02:31 +08:00
    Redux 里有数据是正常的,问题是 A1 页面已经卸载了,为什么还会渲染?你加了页面缓存功能?
    shintendo
        3
    shintendo  
       2019-09-23 14:30:01 +08:00
    @xylinq 我猜 A1 和 A2 是同一个页面,只是数据不同
    chairuosen
        4
    chairuosen  
       2019-09-23 14:37:25 +08:00
    如果子页面数据都以服务器为准,每次进入都要请求。这个页面根本没必要用 redux
    DoveAz
        5
    DoveAz  
       2019-09-23 14:39:56 +08:00
    我来帮你,qq: MzgzNjkzMDEx
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2946 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 08:14 · PVG 16:14 · LAX 00:14 · JFK 03:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.