Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何始终在“反应”滑块中显示工具提示_Reactjs - Fatal编程技术网

Reactjs 如何始终在“反应”滑块中显示工具提示

Reactjs 如何始终在“反应”滑块中显示工具提示,reactjs,Reactjs,我正在使用带有工具提示的react滑块 <Slider min={ set_min(this.state.myValue) } max={ set_max(this.state.myValue) } defaultValue={ set_def(this.state.myValue) } handle={handle} toolTipVisibleAlways = {true} /> &l

我正在使用带有工具提示的react滑块

 <Slider 
        min={ set_min(this.state.myValue) }
        max={ set_max(this.state.myValue) } 
        defaultValue={  set_def(this.state.myValue) } 
        handle={handle} 
        toolTipVisibleAlways = {true}
 />

<Tooltip
  className = "tooltip-custom"
  prefixCls="rc-slider-tooltip"
  overlay={percentFormatter(value, this.state.myValue) }
  visible={dragging}
  placement="top"
  key={index}
  delayShow = {300}
  delayHide = {150}
>
<Handle value={value} {...restProps} />
</Tooltip>

一切都很好,展示得很好。 我想知道的是,如何使工具提示始终可见

我在网上搜索了这个答案,找到了两个答案。 第一个是ToolTipVisibleAllways={true} 第二个是 delayShow={300} delayHide={150}


但正如您所看到的,我的代码没有任何更改。

使用带有工具提示的createSliderWithTooltip包装的滑块后显示的道具。下面的示例应该可以工作,因为tipProps会将道具传递给rc工具提示组件。 请阅读详细解释以及rc slider提供的示例


使用带有工具提示的createSliderWithTooltip包裹滑块后显示的道具。下面的示例应该可以工作,因为tipProps会将道具传递给rc工具提示组件。 请阅读详细解释以及rc slider提供的示例


<Slider 
    min={ set_min(this.state.myValue) }
    max={ set_max(this.state.myValue) } 
    defaultValue={  set_def(this.state.myValue) } 
    handle={handle} 
    tipProps={{visible:true}}
/>