请问 react 什么情况下你会将组件分到一个文件中，什么情况组件写在同一个文件中？

Question

react 的官方文档提倡及时分组件， 但是没有提到什么情况将组件独立到文件中，你是怎么操作的？

Answer 1

我的原则是，

• 及时拆分组件（ react 文档倡导）
• 一个组件一个文件（个人习惯）

缺点是

• 首次开发需要频繁创建组件，
• 项目的文件总数会较多
• 在各个文件切换会较为频繁

好处是

• 组件细粒度高，定位问题组件较为容易
• 逻辑条理清晰，阅读容易
• 单文件逻辑单一，符合单一职责原则

怎么化解缺点呢，

• 使用代码片段文件模板，可以快速创建组件文件
• 合理命名各个组件，望文生义
• vscode 等ide ctrl 即可跳转，目前还比较好用。