用户登录

鼠标放在这个 posts 数据的上面,提示它现在的类型是 any,下面我们可以定义一下数据的类型。

新建一个文件,放在 app/posts 的下面,名字是 type.ts,在这个文件里可以定义几个类型描述一下内容列表数据。先 export 一个 type,名字是 PostFile,它里面添加一个 id 属性,类型是 number。

下面再定义并导出一个类型,名字是 PostUser,它里面有一个 id 属性,类型是 number,还有一个 name 属性,类型是 string。

再定义并导出一个类型,名字是 Post,它里面有一个 id 属性,类型是 number,再添加一个 title 属性,类型是 string,然后是 content 属性,类型是 string,再添加一个 file,类型是 PostFile,最后再添加一个 user 属性,类型是 PostUser。

最后再导出一个 type,类型是 PostList,它的类型是一个 Array,也就是数组,数组里的数据项目的类型是 Post。

使用类型

打开 posts/service ,在这个 getPosts 方法最后返回的东西的后面,用 as 断言它的类型是 Promise

回到 posts/page,鼠标放在这个 posts 数据的上面,现在提示它的类型是 PostList。

设置 Next.js 框架里的 fetch 请求回来的数据类型《 Next.js:网络请求 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点