Как экспортировать компоненты, такие как Row, Col, из библиотеки antd в мою пользовательскую библиотеку без каких-либо изменений?

Question

Я создаю новую библиотеку для реагирования, скажем, custom-ant-lib, которая импортирует antd и содержит переопределения для таких компонентов, как button, modal и т. Д. *

В моем приложении я хочу использоватьтакие компоненты, как Row & Col, которые являются компонентами библиотеки antd.

Я уже импортировал antd в custom-ant-lib.Я импортировал custom-ant-lib в мое приложение.

Так что импорт antd снова в мое приложение для Row & Col вызовет избыточность и дополнительный импорт.

Текущийstatus : я импортирую 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 должны быть доступны в вашем приложении через вашу пользовательскую библиотеку ant.