Function App

src/app.tsx:127–354

()

}

function App() {
  //const [router, setRouter] = useState<Routers | null>();
  const navigate = useNavigate()
  const location = useLocation()
  const { t } = useTranslation()
  const [localeStr, setLocaleStr] = useState<string>(getLangCode(nmConfig.settings.language!))
  const [selectedKeys, setSelectedKeys] = useState<string[]>(['/'])

  const routers: Array<Routers> = useMemo(
    () => [
      {
        title: (
          <>
            <IconHome />
            {t('home')}
          </>
        ),
        path: '/',
        component: <HomePage />,
      },
      {
        title: (
          <>
            <IconCloud />
            {t('storage')}
          </>
        ),
        path: '/storage',
        children: [
          {
            title: t('manage'),
            path: '/storage/manage',
            component: <StoragePage />,
            hideChildren: true,
            children: [
              {
                title: t('add'),
                path: '/storage/manage/add',
                key: '/storage/manage', //因为父菜单隐藏了子菜单项，在此页面时设置父菜单key以选择父菜单项
                component: <AddStoragePage />,
              },
            ],
          },
          {
            title: t('explorer'),
            path: '/storage/explorer',
            component: <ExplorerPage />,
          },
        ],
      },
      {
        title: (
          <>
            <IconStorage />
            {t('mount')}
          </>
        ),
        path: '/mount',