编写一个react-router-dom

要编写一个使用react-router-dom的路由功能，您需要按照以下步骤进行操作：

1. 首先，确保您已经安装了react-router-dom库。您可以使用npm或yarn来安装它。

2. 在您的React项目中，导入所需的组件和方法。通常，您需要导入BrowserRouter和Route组件。

3. 创建您的React组件，并在组件中定义路由。您可以使用Route组件来定义不同路径对应的组件。

4. 在您的根组件中，使用BrowserRouter将您的应用包装起来。将您的顶级组件放在BrowserRouter组件中。

5. 在ReactDOM.render方法中，将根组件和根DOM节点作为参数传递给ReactDOM.render函数。

下面是一个简单的示例：

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter, Route } from "react-router-dom";

function Home() {
  return <h1>Home Page</h1>;
}

function About() {
  return <h1>About Page</h1>;
}

function App() {
  return (
    <BrowserRouter>
      <Route path="/" exact component={Home} />
      <Route path="/about" component={About} />
    </BrowserRouter>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

在上面的示例中，我们定义了两个组件Home和About，并使用Route组件将它们与路径关联起来。在App组件中，我们使用BrowserRouter将所有路由组件包装起来。

这样，当用户访问根路径时，将渲染Home组件，而访问/about路径时，将渲染About组件。

请注意，exact属性用于确保只有在路径完全匹配时才渲染组件。

以上是一个基本的使用react-router-dom的路由功能的示例。根据您的需求，您可以添加更多的路由和组件来构建更复杂的应用程序。<span class="em">1</span><span class="em">2</span><span class="em">3</span>