taihu/app/containers/DataGovernance/index.tsx

import { Project } from 'containers/Projects/Loadable'
import React from 'react'
import { Route, Switch } from 'react-router-dom'
import { DataGovernanceQualityAudit } from 'containers/DataGovernanceQualityAudit/Loadable'
import { DataGovernanceMarkRule } from 'containers/DataGovernanceMarkRule/Loadable'
import { DataGovernanceAuaitAnalysis } from 'containers/DataGovernanceAuaitAnalysis/Loadable'
import { Sidebar } from 'containers/DataGovernance/Loadable'

export default function DataGovernance() {
  return (
    <Project>
      <Switch>
        <Sidebar>
          <Switch>
            <Route
              path="/project/:projectId/dataGovernance/makeRules"
              component={DataGovernanceMarkRule}
            />
            <Route
              path="/project/:projectId/dataGovernance/qualityAudits"
              component={DataGovernanceQualityAudit}
            />
            <Route
              path="/project/:projectId/dataGovernance/auditAnalysiss"
              component={DataGovernanceAuaitAnalysis}
            />
          </Switch>
        </Sidebar>
      </Switch>
    </Project>
  )
}