React 前端框架5

QQ同步助手2024-12-03 14:38

七、React 生态系统与常用工具

（一）React Router（用于路由管理）

React 本身只是专注于构建 UI，而在单页应用（SPA）中，需要对不同的页面或者页面的不同部分进行路由管理，React Router 就派上用场了。它可以帮助我们实现页面之间的导航，定义不同的路由路径对应不同的组件展示等功能。例如，我们可以这样简单地配置路由：

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import HomePage from './HomePage';
import AboutPage from './AboutPage';

function App() {