使用打字稿解构 API 响应

Question

如何根据最佳实践使用 Typescript 解构此 API 响应？

<script setup lang="ts">
// Setup Directus data fetching
const { $directus } = useNuxtApp()
import { Bestyrelse } from "~/types/bestyrelse.interface"

// Fetch bestyrelse data
const { data: bestyrelse }: Bestyrelse[] = await $directus.items("bestyrelse").readMany()
</script>

我得到 Property 'data' does not exist on type 'Bestyrelse[]'

Answer 1

const { data: bestyrelse }: Bestyrelse[]表示{ data: bestyrelse }是Bestyrelse[]类型，显然不是数组。我猜你的意思是 data 是 Bestyrelse[]，所以它会像这样：

const { data: bestyrelse }: { data: Bestyrelse[] }

使用打字稿解构 API 响应

Deconstruct API response with typescript

typescript

vue.js

nuxt3