React 是一个流行的 JavaScript 库,用于构建用户界面。在 React 应用程序中,路由跳转是实现页面导航和视图切换的重要功能。本文将介绍 React 中常用的几种路由跳转方式,并提供相应的示例代码。
- 使用 React Router 的 <Link> 组件进行跳转:
React Router 是 React 社区中最受欢迎的路由库之一,它提供了一组用于处理路由的组件和工具。其中,<Link> 组件是用于在应用程序中创建链接并进行路由导航的常用组件。
import { Link } from 'react-router-dom';
function App() {
return (
<div>
<nav>
<ul>
<li>
<Link to="/">Home</Link>
</li>
<li>
<Link to="/about">About</Link>
</li>
<li>
<Link to="/contact">Contact</Link>