react将多个公共组件归成一类,方便调用

本文详细介绍了项目中目录结构的设计,以及如何通过模块导入机制在 TypeScript 中组织代码。具体包括了公共组件的分类存放,以及如何在 app.ts 文件中通过 example_index.ts 文件导入并使用这些组件。
目录结构
.
├── component                  # 公共组件存放
├   ├── example                
├   ├  ├── example1.ts             # 例子1
├   ├  ├── example2.ts             # 例子2
├   ├  ├── example3.ts             # 例子3
├   ├── example_index.ts       # example归类
├── app.ts
example_index.ts
export * from "./example/example1";
export * from "./example/example2";
export * from "./example/example3";
app.ts
import { Example1, Example2, Example3 } from "./components";

转载于:https://www.cnblogs.com/soyxiaobi/p/11115720.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值