Antd和React Sliders出现了“隐形”，但仍然存在

Question

目标

我只是想在组件中的彩色轮下面显示一个滑块，但是滑块只显示了一部分。我正在为滑块使用Antd React.js包，并且在React.js包中也遇到了同样的问题。这让我相信，我对待这件事的方式是完全错误的。请注意，在.NET核心框架(5.0)上使用React.js。

蚂蚁设计实例

我正在尝试遵循Ant滑块页面中的示例，如下所示。

​

​

我的实施

我的呈现代码如下：

  render() {
      return (
    <div>   
        <ColorPicker onInput={hue => console.log("Selected Hue: " + hue)} />         
        <Slider defaultValue={50} tooltipVisible />  
        <button className="btn btn-primary" onClick={this.turnOnLight}>Turn on Light</button>
    </div>
    );
  }

输出

下面的图片显示了我在页面上呈现的内容。

​

​

此外，当我突出显示滑块应该在的区域时，我可以看到它并更改显示在工具提示上的值。

​

​

问题

我怀疑这是一个CSS样式问题，因为酒吧实际上出现了。但这很奇怪。反应套件库也会发生同样的情况..。所以我不知道我在哪里出了问题。任何资源或指导都将不胜感激！此外，请让我知道，如果有任何其他代码需要张贴。谢谢!

Answer 1

当我去点击post按钮时，我找到了答案。我没有包括Ant或React提供的.css样式表。在我的进口品中，我只有

import { Slider } from 'antd';

当我还应该添加css导入时，如下所示

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

张贴以供日后参考。