react 拖拉进度条

import { Col, InputNumber, Row, Slider } from 'antd'; import React, { useState } from 'react'; const IntegerStep = () => { const [inputValue, setInputValue] = useState(1); const onChange = (newValue) => { setInputValue(newValue); }; return ( <Slider min={1} max={20} onChange={onChange} value={typeof inputValue === 'number' ? inputValue : 0} /> <InputNumber min={1} max={20} style={{ margin: '0 16px', }} value={inputValue} onChange={onChange} /> ); }; const DecimalStep = () => { const [inputValue, setInputValue] = useState(0); const onChange = (value) => { if (isNaN(value)) { return; } setInputValue(value); }; return ( <Slider min={0} max={1} onChange={onChange} value={typeof inputValue === 'number' ? inputValue : 0} step={0.01} /> <InputNumber min={0} max={1} style={{ margin: '0 16px', }} step={0.01} value={inputValue} onChange={onChange} /> ); }; const App = () => (

); export default App;