关于react-router 路径改变页面没有刷新

routert.js 中：

<Router>

    <Switch>

        <Route exact path="/" component={Login}></Route>

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

    </Switch>

</Router>

在Layout 组件中：

<Router>
　　<Switch>

   　　 <Route path={`/car/list`} component={car_list} />

    　　<Route path={`/car/details`} component={car_details} />

    　　<Route path={`/car/create`} component={car_create} />

　　</Switch>
</Router>

出现了从car/details 跳转到 car/list 时出路径改变但是页面停留在car_details的问题，最终发现Layout组件中不能再出现<Router></Router>,否则就会出现上述问题。

最终将Layout组件改为：

<Switch>

    <Route path={`/car/list`} component={car_list} />

    <Route path={`/car/details`} component={car_details} />

    <Route path={`/car/create`} component={car_create} />

</Switch>

每一个坑都是我成长的脚印。

附：react-router 关于Router的介绍

巴特西

关于react-router 路径改变页面没有刷新

最新文章

热门文章