如何从我的自定义库中的antd库中导出Row，Col等组件，而无需进行任何更改？

Question

我正在创建一个新的库来进行响应，比如说custom-ant-lib，它导入了antd并包含了button，modal等组件的替代...

在我的应用中，我想使用Row库的组件，例如Col和antd。

我已经在antd中导入了custom-ant-lib。 我已经将custom-ant-lib导入了我的应用。

因此，再次在我的应用中为antd和Row导入Col会导致冗余和其他导入。

当前状态：我将antd和custom-ant-lib都导入到JSX文件中以使用各种组件。

预期：我应该能够从antd跳过antd的导入和使用custom-ant-lib的组件，而且我也不想覆盖或更改任何内容Row和Col的东西，但应该能够导出它们。

ant docs link：-https://ant.design/docs/react/introduce

例如当前的JSX：

import {Row, Col} from 'ant' import {Button} from 'custom-ant-lib'

预期的JSX：

import {Row, Col, Button} from 'custom-ant-lib'

是否可以跳过导入antd并通过custom-ant-lib间接使用它们？

Answer 1

在“ custom-ant-lib”模块中，执行以下操作：

import {Row, Col} from 'ant'
...rest of code
export {Row, Col, Button}

Answer 2

在您的自定义库中，您可以使用类似

export * from "ant"

然后应通过自定义ant lib在您的应用程序中访问ant的所有组件。