react-router(v5)路由更新但页面没刷新

参考其他大佬的解决方法,把默认的 / 路由放在最下面就可以了

router.js

<BrowserRouter>
        <Switch>
            <Route path="/login" component={Login} />
            <Route path="/pinfo" component={Pinfo}/>
            <Route path="/" component={App} />

        </Switch>
    </BrowserRouter>

pinfo.js

 <Switch>
	<Route path="/pinfo/pfrom" component={Pfrom}/>
	<Route path="/pinfo/projectfrom" component={ProjectFrom}/>
	<Redirect to="/pinfo/pfrom"/>
</Switch>

这样就可以在 pinfo 里的展示区切换展示他的子组件了
参考链接:react路由更新 页面不更新

上一篇:后台管理系统-2.第三方库集成


下一篇:Router的导航守卫