【问题标题】:Antd Slider not shownAntd 滑块未显示
【发布时间】:2021-07-25 01:50:52
【问题描述】:

我想在表单中使用antd Slider 组件。 所以我把它放在这个沙盒中显示的方式

但是

在沙盒中 - 它工作正常,在我的项目中 - 它不可见。

申请 style={{display: ...}}style={{height: ...}} 没有帮助。

Devtools 显示类名为 ant-slider-railant-slider-track 的元素具有 height:0

我不知道为什么会发生这种情况?

【问题讨论】:

  • 控制台中有什么?
  • @sazzad 不,控制台很清晰,没有警告或错误
  • 你能展示你的代码你做了什么吗?
  • 据我所知,您的 css 没有正确导入的可能性更高。尝试检查一下
  • @ShubhamVerma 你是对的!它是大型 SPA 的一部分,antd 样式是按组件导入的。所以我不得不添加@import "~antd/lib/slider/style/index";

标签: reactjs antd


【解决方案1】:

我遇到了同样的问题。这是解决方案 你应该导入css文件

import { Slider } from 'antd';
import 'antd/dist/antd.css';

【讨论】:

  • 是的,这对我有用。见我上面的评论。我分别为每个组件导入样式以减小包大小,这就是导入路径有点不同的原因。
猜你喜欢
  • 1970-01-01
  • 2015-08-14
  • 2017-11-03
  • 1970-01-01
  • 1970-01-01
  • 2017-12-17
  • 2021-01-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多