javascript - 在不弄乱全局样式的情况下无法导入Antd单个组件

我想从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';

===>可行，但与应用程序的其余部分搞混了

我试图做写成here, import AntD on demand的事情:

===>不起作用，不导入样式

我的问题:是否有循序渐进的指南来做我想做的事情？

我不是唯一想要这样做并且遇到问题的人，在这里a guy on Reddit，我发现了许多其他链接，并且尝试了每件事，但绝对没有任何效果。

谢谢!

最佳答案

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

为我工作...

你是什​​么意思



???

关于javascript - 在不弄乱全局样式的情况下无法导入Antd单个组件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54234247/