react router4

文娘

于 2021-04-08 18:43:16 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

分类专栏： react学习中的问题

本文链接：https://blog.youkuaiyun.com/lesswenniang/article/details/115528251

react学习中的问题专栏收录该内容

45 篇文章

订阅专栏

本文介绍了React中的路由系统如何实现页面跳转，并将其与HTML中的锚点定位进行了比较。通过示例代码展示了<Link>组件用于创建导航链接，而<Router>配合<Route>组件定义了页面路由规则。理解这两者的关系对于构建单页应用至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

路由和锚点定位有点像。被点击的a标签是锚点链接，跳转到的位置是锚点。

<Router>
            <ul>
                <li><Link to="/">首页</Link></li>
                <li><Link to="/list/123">列表</Link></li>
            </ul>
            <Route path="/" exact component={Index}/>
            <Route path="/list/:id" component={List}/>
        </Router>