React-Typescript，在单独的文件或同一文件中声明接口，哪个更好？

Question

我对反应和打字稿还很陌生。在PHP的世界中，建议在您自己的单独文件中声明所有类，接口，摘要和...，这也是SOLID原则中推荐的。
所以我想知道应该为每个有状态组件声明propsInterface和stateInterface还是在同一文件中声明它们是好的。所以我的问题是：
1：哪种方式是js / typescript中的首选方式
2：是否为每个有状态组件声明至少两个接口（属性和状态）会减慢性能，还是不要紧，因为已编译的js文件不包含这些接口？
我真的很困惑

Answer 1

我在同一文件中执行此操作，除非需要重复使用它。我更喜欢这种方法，因为不需要在外部使用的接口可以保持“私有”。

例如在React中（您的问题是您使用它），内部状态的接口很少被重用，因此您可以将其仅存在于组件中，而无需导出/公开它（并且被另一个组件滥用）。 。如果接口被重用（有时会与道具之一发生冲突），那么我会将其带到一个单独的文件中。

它根本不影响性能，因为在最终编译的js中，所有这些抽象都消失了（接口，类型等）。

对此没有硬性规定，只需分享我的偏好即可。

来自玻利维亚拉巴斯的欢呼声

PS：我已经领导了一个大项目一段时间了（使用React和TS）

Answer 2

  

可以在同一文件中声明它们

我认识的所有TS开发人员都在同一文件中执行此操作。