antdesign滑块的第二个标签未显示

时间:2018-09-11 08:50:10

标签: javascript reactjs redux antd

在我的React项目中使用antdesign(https://ant.design/components/slider)滑块

在滑块中成功显示点,标题在底部,但在顶部却无法显示点的第二个标题 代码::

const marks ={
1 : 1.01¥
4 : 4.54¥
7: 7.98¥
}

and render();

<Slider 
     min={slider.min} 
     max={slider.max} 
     marks={marks} 
     step={slider.step} 
     included={false} 
     defaultValue={priceOfBestTrade} 
     onChange={this.onChange} 
     value={inputValue || priceOfBestTrade} 
 />

我有这个输出::: enter image description here

实际上我需要两个标题,第一个在顶部,第二个在底部

像这样: enter image description here

1 个答案:

答案 0 :(得分:0)

const marks ={
1 : 1.01¥
4 : 4.54¥
7:
 {
    label: <strong> 7.98¥<br />Price of Maximum value</strong>,
  },
}

这是您要找的东西吗?无法从顶部和底部的措辞中找出您要寻找的东西