react router4

最新推荐文章于 2025-05-01 07:44:49 发布

原创最新推荐文章于 2025-05-01 07:44:49 发布 · 82 阅读

0 ·

CC 4.0 BY-SA版权

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

45 篇文章

订阅专栏

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

路由和锚点定位有点像。被点击的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>