Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.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_Nouislider - Fatal编程技术网

Reactjs 如何获取更新时的最小最大值?

Reactjs 如何获取更新时的最小最大值?,reactjs,nouislider,Reactjs,Nouislider,我正在尝试使用noUiSlider来过滤我的结果。我使用noUiSlider组件来显示滑块。滑块正在显示,但我无法在滑块上获取最小最大值。我想在文本框中显示整数最小最大值,并将其用于过滤器 这就是我导入noUislider的方式 import '../../node_modules/nouislider/distribute/nouislider.css'; import Nouislider from 'react-nouislider'; <Nouislider range={{mi

我正在尝试使用noUiSlider来过滤我的结果。我使用noUiSlider组件来显示滑块。滑块正在显示,但我无法在滑块上获取最小最大值。我想在文本框中显示整数最小最大值,并将其用于过滤器

这就是我导入noUislider的方式

import '../../node_modules/nouislider/distribute/nouislider.css';
import Nouislider from 'react-nouislider';

<Nouislider
range={{min: 0, max: 800000}}
start={[20000, 500000]}
onSlide={this.onChangeSlide.bind(this)}
ref="NoUiSlider"
tooltips/>

如何获取值请帮助我滑入

onSlide
回调已向您提供数据,您只需添加变量即可获取数据

onSlide={(data)=> console.log(data)}
检查

您只需将
onChangeSlide
添加为正常功能即可。如果你想得到里面的数据

 onChangeSlide(data) {
    console.log(data) // logs the value
  }


 <Nouislider
        range={{ min: 0, max: 800000 }}
        start={[20000, 500000]}
        onSlide={this.onChangeSlide.bind(this)}
        ref="NoUiSlider"
        tooltips />
onChangeSlide(数据){
console.log(data)//记录值
}

为我工作你能试着复制吗?我应该在哪里写这个:onChangeSlide()?我在componentDidMount()中写这个谢谢它对我有用。我在错误的地方添加了函数。有什么方法可以在工具提示上得到整数值吗?@Vinay你的意思是?为什么要这样做呢?当我滑动显示在工具提示上的值是120.00时,我想要120。你可以使用
var a=newnumber('120.00')
 onChangeSlide(data) {
    console.log(data) // logs the value
  }


 <Nouislider
        range={{ min: 0, max: 800000 }}
        start={[20000, 500000]}
        onSlide={this.onChangeSlide.bind(this)}
        ref="NoUiSlider"
        tooltips />