浏览器URL随着每次点击反应路由器的链接标记而增长

时间:2017-07-14 11:58:51

标签: reactjs react-router browser-history

我正在使用 react-router v3 。我已经使用这个版本实现了代码拆分。在我的仪表板页面上,当我点击任何应用程序的图标时,路由更改。服务器服务于相对块,应用程序开始工作。

但是,如果互联网速度较低,相对数据块需要花费一些时间才能投放,用户会在应用图标上多次点击

通过这样做,URL保持增长并且每次点击都附加相同的路线。

printGridView(appsArray) {
    return appsArray.map(app => {
      return (
        <div className="app-drawer-icon" key={app.name}>
          <Link to={`app/${app.routes.path}`} >
            <IconComponent
              name={app.icons.name}
              shadow={'20px'}
              text={app.name} textColor="white"
              backgroundColors={app.icons.backgroundColors}
              png={app.png}
              size='120px'
            />
          </Link>
        </div>
      );
    });
  }

此功能打印应用程序网格。

我是否应该停用 IconComponent 中的点击事件并使用browerHistory.push代替Link并在一段时间后重新启用它,或者可以有其他更好的解决方案?

0 个答案:

没有答案