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