reactjs - 这两种使用 typescript 创建功能组件的方式有什么区别？

我试图揭示这两个功能组件之间的区别：

interface SquareProps {
  cote: string;
  text: string;
  bgc: string;
}

const SquareA: React.FC<SquareProps> = (props) => {...}

和

const SquareB: = (props: SquareProps) => {...}

使用第一种方法和第二种方法有什么区别？

最佳答案

最好的方法是在输入功能组件时使用React.FC。
它为typescript类型提供有关特殊属性（如defaultProps和displayName）的提示，并将正确的类型添加到children之类的属性中。
这两种方法都可以创建有效的功能组件，但第一种方法类型更精确，因此不太可能被误用，并提供更好的代码完成。

关于reactjs - 这两种使用 typescript 创建功能组件的方式有什么区别？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58082698/