执行命令

首先，在安装类型定义文件之前，您应该先安装 react-router-dom。

npm install react-router-dom

然后，您可以将以下命令添加到您的项目中以安装类型定义文件。

npm install @types/react-router-dom

简介

React Router 是一个第三方库，提供了在 React 应用程序中进行路由的工具。 react-router-dom 是 react-router 的 Web 版本，提供了诸如 <BrowserRouter> 和 <Link> 等组件。

类型定义文件 @types/react-router-dom 为 react-router-dom 库提供了 TypeScript 支持。这意味着您可以使用 TypeScript 语言来编写有关 react-router-dom 库的代码，并保证您可以调用合适的属性和方法。

用法

在安装了 @types/react-router-dom 之后，您将能够多种方式使用它。例如，您可以使用 Intellisense 来探索有关 react-router-dom 的属性和方法：

import { BrowserRouter, Route, Link } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/about">About</Link>
            </li>
            <li>
              <Link to="/users">Users</Link>
            </li>
          </ul>
        </nav>

        <Route path="/" exact>
          <Home />
        </Route>
        <Route path="/about">
          <About />
        </Route>
        <Route path="/users">
          <Users />
        </Route>
      </div>
    </BrowserRouter>
  );
}

在此示例中，我们使用了 BrowserRouter, Route, 和 Link 三个组件。注意，此示例中的路由并不包含状态管理，以便更容易理解。

发现更多功能

要在 TypeScript 中探索 react-router-dom 的其他功能，您可以阅读 官方文档，或者使用 Intellisense 来探索类型定义文件。