组件导出问题

来源：5-5 【项目重构】组件化思想实践

rundong_wang

2022-05-02

想请教一下老师，为什么每个组件都需要用一个index.ts文件去导出Component.tsx呢？这样做有什么用意或者是什么规范吗？我平时习惯直接使用index.tsx作为组件主入口。

我平时习惯的结构：

/Component
- index.tsx
- style.module.scss

写回答

1回答

阿莱克斯刘

2022-05-04

个人风格而已，比如说我们的Page文件夹中有三个Component文件，

/Page
- index.ts

- Compnent1.tsx

- Compnent2.tsx

- Compnent3.tsx

- style.module.scss

那么我们在引用Compnent1、2、3的时候就可以这么写

import { Compnent1, Compnent2, Compnent3 } from "./Page"

这样的结构感觉会清晰一点。不过，代码风格这种东西比较个性化，不同的团队、不同的架构都会使用不同的风格，你也可以总结出自己的一套风格。比如在问题中所说的你自己的代码习惯，在实际工作中也非常常见（我们团队有很多项目的风格与你的风格类似）。

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1