react二级路由怎么在一级路由出口

如果你想在一级路由中渲染二级路由，可以使用 React Router 的 `Route` 组件和 `render` 方法来实现。你可以在一级路由的 `render` 方法中渲染一个 `Switch` 组件，并在其中定义二级路由的各个路径和组件。

以下是一个示例代码：

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

// 二级路由组件
import SubRoute1 from './SubRoute1';
import SubRoute2 from './SubRoute2';

const MainRoute = () => {
  return (
    <div>
      <h1>这是一级路由</h1>
      <Switch>
        <Route path="/subroute1" component={SubRoute1} />
        <Route path="/subroute2" component={SubRoute2} />
      </Switch>
    </div>
  );
};

export default MainRoute;

在这个示例代码中，`MainRoute` 组件是一级路由的组件。在 `MainRoute` 组件的 `render` 方法中，我们渲染了一个 `Switch` 组件，并在其中定义了两个 `Route` 组件，分别对应了二级路由的两个路径 `/subroute1` 和 `/subroute2`，并将它们的组件分别指定为 `SubRoute1` 和 `SubRoute2`。这样在一级路由中就可以正确渲染出二级路由了。