用户登录

在使用了 TypeScript 的 React 应用里,要使用请求接口得到的数据,可以先根据响应里的数据,创建一些类型,描述一下这些数据。

比如请求内容列表接口得到的响应数据是一个数组,数组里的每个项目都是一个对象,对象里有 id,title,content,file 还有 user 等等这些属性。

在项目里创建一个文件,放在 src/post 里面,名字可以是 post.type.ts。在文件里定义并导出一个 type,名字是 PostUser,用它描述一下列表项目里的那个 user 属性。它里面有 id ,类型是 number,还有 name,类型是 string,然后是 avatar 类型是 number。

再定义并导出一个 type,名字叫 PostFile,用这个类型描述一下列表项目里的 file 属性,它里面有 id,类型是 number,还有 width 类型是 number,还有一个 height,类型是 number。

下面再 export 一个类型,名字叫 Post,每个内容项目里都有一个 id 属性,类型是 number,还有 title,类型是 string,再添加一个 content,类型是 string,然后是 user,类型设置成 PostUser,再添加一个 file 属性,类型是 PostFile。

再定义一个类型描述一下内容列表接口返回的这个内容列表,export 一个类型,名字叫 PostList ,它是一个 Array,也就是数组,数组项目的类型是 Post。

定义类型描述请求得到的响应数据《 React 前端应用开发:网络请求 》

统计

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

社会化网络

关于

微信订阅号

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