关于react-router和 react-router-dom的Link标签使用时只有路由跳转,没有页面跳转的问题:
是因为在配置路由的时候,所有从首页跳转到其他页路由配置,需要在首页路由之前:
不跳转 const Routes = ()=>( <div className='App'> <Router> <Switch> <Route path={'/404'} component={NotFound} /> <Route path={'/search'} component={Search} /> <Route path={'/result'} component={Result} /> <Route path={'/'} component={Home} /> <Route path={'/albumlist'} component={AlbumList} /> <Redirect from={"*"} to={'/'} /> </Switch> </Router> </div> ) export default Routes; 修改之后跳转: const Routes = ()=>( <div className='App'> <Router> <Switch> <Route path={'/404'} component={NotFound} /> <Route path={'/search'} component={Search} /> <Route path={'/result'} component={Result} /> <Route path={'/albumlist'} component={AlbumList} /> <Route path={'/'} component={Home} /> <Redirect from={"*"} to={'/'} /> </Switch> </Router> </div> ) export default Routes;
比如说我这里遇到的不跳转,就是因为我把跳到"/albumlist"这个页面的路由放到了首页路由之后,随便我按照网上其他人说的加什么withRouter都没用,后来我突然灵光一闪,把"/albumlist"的路由放到首页路由之前,就跳转了