(React TypeScript) 'Component'指的是一个值，但在此处被用作类型。你是想说 'typeof Component' 吗？

Question

我想创建一个路由数组并将其应用于react-router@6的useRoutes。目前我正在使用typescript和vite。但是，当尝试将我的组件分配给'element'键时，出现错误。

type HelloWorld = /未解决/ any
'HelloWorld'指的是一个值，但在此处被用作类型。您是否意味着'typeof HelloWorld'？ts(2749)
解析错误：期望'>'。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)
}

- aksal

---

在这个上下文中，“HelloWorld”是什么？[mcve] - Drew Reese

@DrewReese 先生，是一个组件。 - aksal

Answer 1

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

- phry

---

你说得对。我错过了它。谢谢。 - aksal