在打字稿中使用类型别名与接口注释 React 功能组件

Question

我正在用打字稿重写我的React应用程序。我正在尝试将所有组件实现为功能组件。

Typescript允许我们利用类型别名和接口来定义对象的形状或函数签名。我已经讲过了类型和接口的区别。

我读过的几乎所有文章都通过使用接口定义了一个组件，而这个接口本可以使用类型别名。据我所知，interface和type alias对于React组件给出了相同的结果，那么为什么几乎在每个定义中都使用了interface呢

我尝试了几篇关于为什么主要使用Interface而不是类型别名的文章，但找不到任何有用的东西。

注释React组件属性的最好方法是什么，用接口还是用类型别名？

interface AppProps {
  color?: string;
}

const App = (props: AppProps) : JSX.Element => {
  return <div>{props.color}</div>
}

Answer 1

这是我从其他论坛的开发人员、评论等中获得的汇总答案。

没有明确的方法或答案，因为没有人知道为什么不使用类型别名。

另一方面，使用界面的优点是

>

它有助于使代码结构简洁。

当你有形状和方法时，你最终会使用界面而不是类型 - 所以对另一个没有方法的人遵循相同的方法将使其可读且易于遵循。

一种非常方便的模式，大多数人都遵循这种模式作为传统方法。