'T' 可以用与

可以用与"/>

'T' 可以用与

我正在 Next.js 中创建端点。我想强制执行从 API 端点返回的 JSON 结构，如果我可以推断端点的返回类型并在我的 React 组件中使用它，那就太好了。

我收到一个错误，我无法准确指出修复方法。这是给出 TypeError 的代码的最小复制：

interface TestApiResponse<T> {
  number: number
  body: T
}

const testHandler = async <T>(): Promise<TestApiResponse<T>> => {
  return {
    number: 12,
    body: {
      slug: 'my-slug',
    },
  }
}

export default createEndpoint(handler)

body

TS2322: Type '{ slug: string; }' is not assignable to type 'T'. 'T' could be instantiated with an arbitrary type which could be unrelated to '{ slug: string; }'.

与问题无关，但可能适合您的情况。这是 createEndpoint 函数：

export function createEndpoint<T>(
  handler: (req: NextApiRequest) => Promise<TestApiResponse<T>>
) {
  return async function (req: NextApiRequest, res: NextApiResponse) {
    try {
      const response = await handler(req)
      res.status(response.status).json(response.data)
    } catch (err) {
      console.error(err)
    }
  }
}