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

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

  •  
  •   AFK092 · 78 天前 · 626 次点击
    这是一个创建于 78 天前的主题,其中的信息可能已经有所发展或是发生改变。

    没写过前端,但最近临时接手了个前端项目,技术栈是 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
        1
    kashao   78 天前
    最简单是在 render 函数里面控制 A1 的数据为空就不渲染 A2 对应的 dom 呗
        2
    xylinq   78 天前
    Redux 里有数据是正常的,问题是 A1 页面已经卸载了,为什么还会渲染?你加了页面缓存功能?
        3
    shintendo   78 天前
    @xylinq 我猜 A1 和 A2 是同一个页面,只是数据不同
        4
    chairuosen   78 天前
    如果子页面数据都以服务器为准,每次进入都要请求。这个页面根本没必要用 redux
        5
    DoveAz   78 天前
    我来帮你,qq: MzgzNjkzMDEx
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1486 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 25ms · UTC 17:07 · PVG 01:07 · LAX 09:07 · JFK 12:07
    ♥ Do have faith in what you're doing.