源代码
import React from 'react';
import { Slider } from 'rc-easyui';
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
value: [20,60]
}
}
render() {
return (
<div>
<h2>Slider Range</h2>
<div style={{ padding: 20 }}>
<Slider
style={{ width: 300 }}
showTip
range
rule={[0, '|', 25, '|', 50, '|', 75, '|', 100]}
value={this.state.value}
onChange={value => this.setState({ value: value })}
/>
</div>
<p>Current value: {this.state.value.join(',')}</p>
</div>
);
}
}
export default App;