Невозможно импортировать отдельный компонент Antd без использования глобального стиля.

Question

Я бы хотел импортировать несколько компонентов из Ant Design React CSS library, но мне не удалось заставить его работать. Я хочу иметь возможность импортировать один компонент, не мешая остальным моим CSS.

Вот что я пробовал:

import Button from 'antd/lib/button';
import 'antd/lib/button/style'; 

===> не импортирует стиль.

import Button from 'antd/lib/button';
import 'antd/lib/button/style/css';

===> работает, но портится с остальной частью приложения

Я попытался сделать то, что здесь написано , импортировать AntD по требованию :

===> не работает, не импортирует стиль

Мой вопрос: есть ли пошаговое руководство, чтобы делать то, что я хочу?

Я не единственный, кто хочет это сделать, и у него есть проблемы, вот, парень из Reddit , я нашел много других ссылок и перепробовал все до одного, абсолютно ничего не получалось.

Спасибо!

Answer 1

import { Spin, Icon } from 'antd';
import 'antd/lib/spin/style/css';

работал у меня antd version 3.17.0

Answer 2

import {Button} from 'antd'
import 'antd/lib/button/style';

работал на меня ...

что вы подразумеваете под

'===> не импортирует стиль.

???