reactjs - 如何在我的自定义库中从 antd 库中导出 Row、Col 等组件而不进行任何更改？

Question

我正在为反应创建新库，说明custom-ant-lib哪些导入antd并包含对组件等的button覆盖modal...

在我的应用程序中，我想使用Row&Col之类的组件，它们是antd库的组件。

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

因此antd，在我的应用程序中再次导入Row&Col会导致冗余和额外的导入。

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

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

例如当前的 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吗？

score 1 · Accepted Answer

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

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

score -2 · Accepted Answer

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

export * from "ant"

然后应该可以通过您的自定义 ant 库在您的应用程序中访问来自 ant 的所有组件。

2 回答 2