4.2react-router实现嵌套路由

最新推荐文章于 2025-06-17 20:16:30 发布

哈娄

最新推荐文章于 2025-06-17 20:16:30 发布

阅读量515

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/bangbDIV/article/details/83503058

前端专栏收录该内容

84 篇文章

订阅专栏

本文深入探讨了React中BrowserRouter组件的应用，展示了如何通过Route组件设置不同的路径及其对应的组件，包括精确匹配路径的用法，为读者提供了清晰的React路由管理指南。

import {BrowserRouter, Route, Switch, Link}from 'react-router-dom';


class demo extends React.Component {
    render() {
        return (
            <BrowserRouter>
                <div>
                    <Switch>
                        <Route path="/" exact component={MeetingList} />
                        <Route path="/meetingSign" component={MeetingSign} />
                        <Route path="/meetingType" exact component={MeetingType} />
                        <Route path="/meetingUpload" component={MeetingUpload} />
                  </Switch>
                </div>
            </BrowserRouter>
        )
    }
}

外部嵌套BrowserRouter