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

Question

与

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

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

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

一个直接入参规定类型

Answer 1

阿莱克斯刘 2021-05-22 07:25:41

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

• 提问者 慕粉3884565 #1

  老师意思是通过interface固定参数必须传递多少规则怎么样，如果直接在入参设置貌似也可以吧

• 阿莱克斯刘 回复 提问者 慕粉3884565 #2

  回复内容无法截图，所以请看我新的回答

• 提问者 慕粉3884565 #3

  非常感谢！

Answer 2

阿莱克斯刘 2021-05-27 12:59:22

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

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

• 提问者 慕粉3884565 #1

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