React Router 路由是怎么配置的，用实例来说明

React Router是React中常用的路由库，它可以实现页面之间的跳转和参数传递。在React Router中，路由的配置是通过定义Route组件来实现的。

以下是一个简单的React Router路由配置示例：

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './Home';
import About from './About';
import Contact from './Contact';
import NotFound from './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;

在上述示例中，我们通过import语句引入了四个组件：Home、About、Contact和NotFound。然后，在Router组件中，我们使用了Switch组件来包裹多个Route组件。每个Route组件都定义了一个路由路径和对应的组件。当用户访问某个路径时，React Router会匹配对应的Route组件，并渲染其对应的组件。

例如，当用户访问根路径”/”时，React Router会匹配到exact path=”/”的Route组件，并渲染其中的Home组件。当用户访问其他路径时，如果没有匹配到任何一个Route组件，React Router会渲染NotFound组件，提示用户页面不存在。

总之，React Router提供了一种灵活、方便的方式来配置应用程序的路由，使得我们可以方便地实现单页应用和多页应用的路由管理。