React解决antd样式没有显示问题(网页频闪问题)

Posted 永远没有404

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React解决antd样式没有显示问题(网页频闪问题)相关的知识,希望对你有一定的参考价值。

问题详情

最近需要使用Ant Design UI库创建项目,已经创建了五、六次项目了,每次创建项目耗时久、删项目又麻烦不说,展示效果并没有显示antd的样式,整个网页出现不停频闪效果,示例如下:

解决方法

忘记在App.css文件最前方加入一句:

@import "~antd/dist/antd.css";

很难忘的两天,故记录一下,警示下次不会再犯

以上是关于React解决antd样式没有显示问题(网页频闪问题)的主要内容,如果未能解决你的问题,请参考以下文章

在react.js上使用antd-design没有样式

antd Table 可伸缩列没有效果

react + antd 实现打印功能(踩了不少坑)

即使没有内容,如何强制 antd 选项卡全高(使用 React 和样式化组件)

react antd Tabs组件如何修改默认样式-友好的解决方法

create-react-app项目所遇问题总结之antd引入和样式不生效问题解决