(反应打字稿) 'Component' 引用一个值，但在此处用作类型。您的意思是"组件类型"吗？

Question

我想制作路由数组并将其应用于react-router@6的useRoutes。目前我使用打字和电子邮件。但是，当我试图将我的组件分配给'元素'键时，我遇到了错误。

type HelloWorld =/unresolved/any
'HelloWorld'指的是一个值，但在这里被用作类型。你的意思是typeof吗HelloWorld'?ts(2749)
解析错误:'>' expected.eslint

import { useRoutes, RouteObject } from "react-router-dom"
import { HelloWorld } from "@/HelloWorld"
export function Router (): ReturnType<typeof useRoutes> {
const routes: RouteObject[] = [
{
path: "hello-world",
element: <HelloWorld />
}
]
return useRoutes(routes)
}

Answer 1

请确保您的文件具有.tsx文件扩展名，而不仅仅是.ts文件。