ReactRouter 怎么检测路由加载成功还是失败啊？

#1

由于存在网络原因，react路由可能不是及时跳转，在跳转前显示一个loading ，加载成功子路由后，loading 消失？求解啊？？？

#2

是动态路由吧？可以用动态加载属性。React-Keeper是支持的，这个库比React-Router好用很多，基本用法是差不多的，都有Route、Link组件。
React-Keeper

#3

我觉得您思路不太对吧，显示loading这个应该在对应的component里实现啊，我认为放路由里不太合适。在react-router里有对应的钩子，比如onEnter onLeave onChange 之类的。

#4

在子路由的页面加一个loading 然后再判断子路由页面的数据是否加载成功 取消loading

#5

就是怎么判断数据加载成功啊？生命周期来嘛？

#6

为什么路由跳转会不成功？
因为用了code splitting 打包出一些chunk，所以在跳转的时候要加载这些零散的js文件，存在网络问题想在加载这些js文件的时候有一个过渡动画？
用一个高阶函数就能解决了……

#7

为何不合并打包。。。

#8

嗯嗯，是的，之前没有用过高阶函数，大神有Demo吗:flushed:，求指教啊。

#9

怎么判断数据是否到达啊？现在只是静态页面