如何在功能组件中调用componentDidMount

Question

我是react-redux的新手。在这里，我有这个组件..

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

const PrivateRoute = ({ component: Component, path, ...rest }) => {
  return localStorage.getItem("access_token") ?
    (
      <Route
        {...rest}
        path={path}
        component={Component}
      />
    )
    :
    (
      <Redirect
        to={{
          pathname: "/login",
          state: { from: path }
        }}
      />
    )
};

export default PrivateRoute;

现在，在此我想在渲染此组件之前先调用一个api，但是由于它是一个功能组件，因此我们无法在安装后调用此api。因此，Hooks在那里，也有图书馆。

那么，如何使该组件成为class component？并调用该api。