react路由表的配置

React Router 是一个用于构建单页应用程序的第三方库。可以通过配置路由表来定义应用程序的不同部分，并根据 URL 的变化动态地加载不同的组件。

下面是一个简单的路由表配置示例：

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

import Home from './components/Home';
import About from './components/About';
import Contact from './components/Contact';
import NotFound from './components/NotFound';

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

export default App;

在此示例中，我们使用 `BrowserRouter` 组件来创建一个路由器，并使用 `Switch` 组件来包含一组路由规则。每个路由规则都由 `Route` 组件定义，其中 `path` 属性指定 URL 路径，`component` 属性指定要加载的组件。

`exact` 属性指定路径必须完全匹配才能加载组件，否则将会渲染 `NotFound` 组件。

这只是一个简单的示例，React Router 还提供了许多其他功能，例如嵌套路由、传递参数、重定向等等。