在反应中创建桶文件（使用.tsx）

Question

这是我的文件夹结构：

• 源
  • 资产
  • 组件
  • 型号
    • counter.tsx
    • index.ts

models/index.tsx（桶文件）内的代码

export * from "./counter";

models/counter.tsx 中的代码

export default interface ICounter {
  id: number;
  value: number;
}

进口声明

import { ICounter } from "models";

问题是我的导入语句出现错误，说我的桶文件没有导出成员ICounter

如何在 .tsx 中创建桶文件？

Answer 1

创建文件index.ts

export { blue } from './blue';
export { yellow} from './yellow';
export { green} from './green';
export { red} from './red';

来源：https://hackernoon.com/react-project-architecture-using-barrels-d086146eb0f6