reactjs - 使用文件夹名称解析 Typescript 文件

Question

我正在将代码从 ES6 移植到 .TS/.TSX

给定这样的文件夹结构:

表/Tables.tsx

从 ES6 中的另一个 React 组件导入，我过去只能这样做:

从“../Table”导入表

即它足够聪明，可以通过文件夹名称解析导入。现在我已经切换到 Typescript，我必须更详细地导入(从另一个 .tsx 文件)；

从“../Table/Table”导入表格

我看过这里https://www.typescriptlang.org/docs/handbook/module-resolution.html

我正在使用 Webpack React Starter Kit .

Answer 1

在您想要导入的每个文件夹中，都有一个包含该文件夹的所有导出内容的 index.ts 文件。然后您只需指定文件夹路径即可导入各个组件

从../table/导入{table}