1. 概念

路由系統中的多個路由之間需要進行路由跳轉，并且在跳轉的同時有可能需要傳遞參數進行通信。

2. 聲明式導航

// @/page/Login/index.jsimport { Link } from 'react-router-dom'
const Login = () => {return <div>登錄頁{/* 解析成 a 鏈接 */}<Link to='/article'>跳轉到文章頁</Link></div>
}
export default Login

3. 編程式導航

// @/page/Login/index.js
import { Link, useNavigate } from 'react-router-dom'
const Login = () => {const navigate = useNavigate()return <div>登錄頁<button onClick={() => navigate('/article')}>跳轉到文章頁</button></div>
}export default Login