React Router 是一个基于 React 的库,用于在单页应用(SPA)中处理路由。它允许您定义多个路由,并渲染相应的组件。

简介

React Router 提供了以下功能:

  • 声明式路由:使用 <Route> 组件定义路由,并使用 <Switch> 组件来匹配路由。
  • 嵌套路由:在子组件中定义路由,实现复杂的应用结构。
  • 动态路由:使用动态参数匹配不同的路由。

安装

您可以通过 npm 或 yarn 来安装 React Router:

npm install react-router-dom

yarn add react-router-dom

示例

以下是一个简单的 React Router 应用示例:

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

const Home = () => <h1>Home</h1>;
const About = () => <h1>About</h1>;
const Contact = () => <h1>Contact</h1>;

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

export default App;

深入了解

如果您想了解更多关于 React Router 的信息,可以阅读官方文档:React Router Documentation.

React Router