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