接口类型为什么添加在React.FC后面

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

慕粉1093306

2022-04-03

请问老师，这里的robotprops接口类型为什么不填写在props:后面呢，不是给props规定的类型吗，求解答

写回答

1回答

阿莱克斯刘

2022-04-07

同学你好，首先要明确一件事情，这个Robot是什么东西？它是一个react组件对吧，而且还是一个react函数式组件。而react函数式组件的定义就是React.FC。所以，Robot方法的类型其实就是React.FC。既然方法的类型定义已经有了，那么我们就不能重复定义了，所以我们就不能直接在参数中定义props的类型了，我们需要通过react提供的类型定义接口通过React.FC的泛型来定义props类型。

思路的确有点绕，不过你可以先看一下课程的最后一章，复习一下typescript的基础知识，然后再回来就容易理解了。