typescript - 使用 typescript 解构 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 }是 type Bestyrelse[]，这显然不是一个数组。我猜你的意思data是 is Bestyrelse[]，所以它会是这样的：

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