问React:如何将管理仪表板和主站点分开？

EN

import MainSite from "app/modules/mainsite/main";
import AdminSite from "app/modules/admin/main";

const baseHref = document
  .querySelector("base")
  .getAttribute("href")
  .replace(/\/$/, "");

export interface IAppProps extends StateProps, DispatchProps {}

export class App extends React.Component<IAppProps> {
  componentDidMount() {
    this.props.getSession();
    this.props.getProfile();
  }

  render() {
    const paddingTop = "60px";
    return (
      <Router basename={baseHref}>
        <ErrorBoundary>
          <div className="view-routes">
            <Switch>
              <ErrorBoundaryRoute exact path="/" component={MainSite} />
              <ErrorBoundaryRoute exact path="/admin" component={AdminSite} />
            </Switch>
          </div>
        </ErrorBoundary>
      </Router>
    );
  }
}