给我封装一下react路由

React路由是一个第三方库，用于在React应用程序中实现页面导航和路由。在使用React路由之前，需要先安装和导入它。

以下是一个简单的React路由封装示例：

1. 安装React路由

npm install react-router-dom

2. 导入React路由

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

3. 封装路由组件

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

4. 定义组件

const Home = () => {
  return <h1>Home</h1>;
};

const About = () => {
  return <h1>About</h1>;
};

const Contact = () => {
  return <h1>Contact</h1>;
};

const NotFound = () => {
  return <h1>404 Not Found</h1>;
};

5. 在应用程序中使用路由组件

const App = () => {
  return (
    <div>
      <AppRouter />
    </div>
  );
};

以上就是一个简单的React路由封装示例，它可以帮助用户在应用程序中实现页面导航和路由。用户可以根据自己的需求进行修改和扩展。