React Rangeslider

Posted on Aug 28, 2019

官网

使用

yarn add react-rangeslider –save

import Slider from 'react-rangeslider'
import 'react-rangeslider/lib/index.css'

<Slider
  min={0}
  max={100}
  value={value}
  onChangeStart={this.handleChangeStart}
  onChange={this.handleChange}
  onChangeComplete={this.handleChangeComplete}
/>

<Slider
  min={0}
  max={10}
  value={reverseValue}
  orientation='horizontal'
  onChange={this.handleChangeReverse}
/>