React Router DOM 文档

React Router DOM 是一个基于 React 的路由库，用于构建单页面应用（SPA）。它允许你为不同的路径定义组件，并在用户导航时渲染这些组件。

快速开始

要开始使用 React Router DOM，首先需要安装它：

npm install react-router-dom

或者

yarn add react-router-dom

基本用法

以下是一个简单的例子，展示如何使用 React Router DOM：

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

const Home = () => <h1>首页</h1>;
const About = () => <h1>关于我们</h1>;

const App = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
    </Switch>
  </Router>
);

export default App;

在上面的例子中，我们使用了 <Router> 组件来包裹我们的应用，并定义了两个路由：一个用于首页，另一个用于关于我们页面。

高级功能

React Router DOM 提供了许多高级功能，例如：

动态路由
嵌套路由
命名路由
导航守卫

更多高级功能，请参阅官方文档。

示例图片

返回首页