react hooks二级路由

React Hooks 是 React 16.8 版本引入的新特性，它允许我们在无需编写类组件的情况下使用状态和其他 React 特性。对于二级路由的实现，我们可以使用 React Router 来管理路由。

首先，确保你已经安装了 `react-router-dom` 包。接下来，你需要创建一个包含二级路由的组件。这个组件将作为父级路由的容器，并且可以渲染其他子组件。

首先，在你的项目中导入所需的依赖：

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

然后，创建一个包含二级路由的组件：

const SubRoutesComponent = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/subroute1">
          {/* 渲染子路由1的组件 */}
        </Route>
        <Route exact path="/subroute2">
          {/* 渲染子路由2的组件 */}
        </Route>
        <Route exact path="/subroute3">
          {/* 渲染子路由3的组件 */}
        </Route>
      </Switch>
    </Router>
  );
};

在上面的示例中，我们创建了三个子路由，分别是 `/subroute1`、`/subroute2` 和 `/subroute3`。你可以根据自己的需求添加更多的子路由。

最后，在你的应用程序中使用该组件：

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/">
          {/* 渲染主页组件 */}
        </Route>
        <Route path="/subroutes">
          <SubRoutesComponent />
        </Route>
      </Switch>
    </Router>
  );
};

在上面的示例中，我们将 `SubRoutesComponent` 组件作为 `/subroutes` 路径的子路由引入。这意味着当访问 `/subroutes` 时，将渲染 `SubRoutesComponent` 组件，并且根据子路由的路径进行匹配和渲染。

这样就实现了在 React 中使用二级路由。你可以根据自己的需求修改和扩展这个示例来满足你的项目要求。