React - 如何将所有组件导入一个组件

Question

我希望能够访问我的例如App.js中的HeaderRow，无需在App.js中导入TableHeader。

我的代码如下： 的的src / App.js

import Table from './Components/Table';

的src /组件/ Table.js

import TableHeader from './TableHeader';
import TableBody from './TableBody';
import TableFooter from './TableFooter';

在我的TableHeader.js中我有HeaderRow（组件）和HeaderCell（组件），在TableBody.js中我有BodyRow（组件）和BodyCell（组件）......

Answer 1

如果没有import语句，您的App.js代码将永远无法找到HeaderRow。您可以创建index.js文件并导出所有组件，以便创建单个导入语句

Answer 2

主要组件中的

创建您要导出的所有类 例如

class Table extends React.Component {
....
}
class TableHeader extends React.Component {
....
}

然后像这样导出它们

export { Table, TableHeader };

从其他组件导入它们只是

import {Table, TableHeader} from "./Component";