react实现固定一部分内容，另外一部分展示不同路由内容

最新推荐文章于 2023-03-10 02:44:34 发布

OnwardAndUpward

最新推荐文章于 2023-03-10 02:44:34 发布

阅读量486

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/JulyNight/article/details/125377369

版权

这篇文章介绍了如何使用React Router的Switch组件和Route/Redirect来实现React应用中不同URL路径对应的不同组件动态切换，包括'/center/doing', '/center/done', '/center/mine'等，并设置了默认重定向到'/center/doing'。

摘要由CSDN通过智能技术生成

       import { Switch, Route, Redirect, Link } from 'react-router-dom';
       <div>
        <div>我是固定展示内容</div>
        <Switch>
            <Route path="/center/doing" component={'组件路径'} />
            <Route path="/center/done" component={'组件路径'} />
            <Route path="/center/mine" component={'组件路径'} />
            <Route path="/center/all" component={'组件路径'} />
            <Route path="/center/doneFinish" component={'组件路径'} />
            <Route path="/center/flowCS" component={'组件路径'} />
            <Route path="/center/attentionAll" component={'组件路径'} />
            <Redirect exact path="/center" to={{ pathname: '/center/doing' }} />
          </Switch>
        </div>