如何将 React 组件作为 TS 中的值传递给对象属性

Question

我有一个routes.ts 文件。我声明我的路线对象如下 -

type PublicRoute = {
    path: string,
    element: JSX.Element
}

const publicRoutes: Array<PublicRoute> = [
    {
        path: "/signup",
        element: <SignUp />
    }
]

但是出现编译错误

Expected ">" but found "/"
  10 |      {
  11 |          path: "/signup",
  12 |          element: <SignUp /
     |                           ^
  13 |  ]

我想通过

.map

功能来使用它。

Answer 1

使用 JSX 语法的组件实例无法在

.ts

文件中工作，因此将其重命名为

routes.tsx