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

Question

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

Answer 1

阿莱克斯刘 2022-04-07 14:42:29

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

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

• 提问者 慕粉1093306 #1

  虽然还不是很理解，但是谢谢老师！我先看TS了