react 默认路由

React 没有默认的路由，但你可以使用第三方库来处理路由。最常用的路由库是 React Router。你可以在项目中安装 React Router，然后在你的应用程序中定义路由和对应的组件。这样，当用户访问特定的 URL 时，React Router 将负责渲染相应的组件。

以下是一个使用 React Router 的基本示例：

首先，使用 npm 或者 yarn 安装 React Router：

npm install react-router-dom

或者

yarn add react-router-dom

然后，在你的应用程序的顶层组件中，引入 React Router 的相关组件：

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

接下来，定义你的路由和对应的组件：

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

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

export default App;

在上面的示例中，`<Route exact path="/" component={Home} />` 表示当用户访问根路径时，渲染 `Home` 组件。`<Route path="/about" component={About} />` 表示当用户访问 "/about" 路径时，渲染 `About` 组件。`<Route component={NotFound} />` 是一个备用的路由，用于处理用户访问的不存在的路径。

这只是一个简单的示例，你可以根据你的应用程序需求来定义更复杂的路由。请参考 React Router 的官方文档以了解更多信息：https://reactrouter.com/web/guides/quick-start