函数不加泛型与只在函数入参规定类型区别

来源：3-4 【组件化】初识React函数式组件

慕粉3884565

2021-05-19

与

const Robot: React.FC = (id:number,name:String,email:String) => {

这两个区别仅仅只是写法上好看吗？

一个添加泛型泛型里添加接口

一个直接入参规定类型

写回答

2回答

阿莱克斯刘

2021-05-22

已采纳

加上范型接口当然不是为了写法上的好看，而是为了能在函数式组件中确定props的范围。除此以外，规范接口还可以给我们的ts代码增加智能提示功能。

慕粉3884565

非常感谢！

2021-06-24

共3条回复

阿莱克斯刘

2021-05-27

请看截图，代码来自课程案例。请注意props参数可不是直接放进去的，而是需要使用花括号圈起来的。

//img.mukewang.com/szimg/60af25a609becdb518300204.jpg

如果查看类型定义，我们也能看到同样的定义，p 也就是 props，P = {}

//img.mukewang.com/szimg/60af2617098c9b0f21000210.jpg

慕粉3884565

懂了规则props，方便后面维护，还可以带来智能提示

2021-05-29

共1条回复

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1