我正在使用 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
并在一段时间后重新启用它,或者可以有其他更好的解决方案?