react router 重定向错误页面

Question

我用react-router编写了路由，但是如果访问路由列表里面没有设置的路由就会返回一个空的页面。有没有方法能够判断如果路由错误，自动重定向到一个error页面。不是手动重定向，要自动，自动，自动。重要的事说三遍。。。

Answer 1

NotFoundRoute 会在父组件匹配成功但没有一个同级组件被匹配的时候会被激活。
你可以使用它来处理不合法的链接。

Answer 2

var Redirect = ReactRouter.Redirect; var routes = ( <Routes location="hash"> <Route path="/" handler={App}> <Route path="books" name="bookList" handler={Books}/> <Route path="movies" name="movieList" handler={Movies}/> <Redirect to="bookList"/> </Route> </Routes> );

Answer 3

查了一下资料，再看了一下官方文档，之前的NotFoundRoute确实不存在了。给出两个解决方案。
方案1: 添加一个匹配所有的路由，指定到error页。

<Route path="*" component={ ErrorPage } />

方案2: 一样添加一个＊path路由，再路由的Enter里面重定向

<Route path="*" onEnter= { validErrorRoute }>

const validErrorRoute = function(nextState, replace) {
   replace(nextState.location.pathname, '/error');
}