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（component）和HeaderCell（component），在TableBody.js中，我具有BodyRow（component）和BodyCell（component）...

Answer 1

没有导入语句，您的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";