快速单击链接时,React Router v3地址栏无法正确更新

时间:2018-01-25 15:32:16

标签: javascript webpack react-router

我的应用使用react-router v3。我们使用WebPack在路由更改上异步加载块(通过动态import语句)。

在某些情况下,单击<Link/>太快会导致地址栏无法更新(可能是因为点击速度比WebPack块可以解决的速度快?)。

该问题偶尔出现,与高网络延迟相关。较高的网络延迟(例如3g)会增加问题发生的可能性。

示例路由配置:

{
    component: App,
    indexRoute: controlsRoute,
    childRoutes: [
      {
        path: "app/account",
        getComponent(_discard: void, cb: Function) {
          import("./account/index") // WebPack dynamic import
            .then(module => cb(undefined, module.Account))
            .catch((e: object) => cb(undefined, crashPage(e)));
        }
      }
    ]
}

<link/>用法:

<Link to="/app/account" onClick={props.close("accountMenuOpen")}>
  {t("Account Settings")}
</Link>

在异步加载WebPack块时是否存在导致React Router失去状态跟踪的常见错误?

0 个答案:

没有答案