我正在嘗試創建一個Range bar這樣的
使用react-input-range
但是在撰寫這段代碼時
import InputRange from 'react-input-range';
import 'react-input-range/lib/css/index.css';
<form action="">
<InputRange
maxValue={100}
minValue={0}
formatLabel={value => `$${value}`}
value={range}
onChange={value => setRange(value)}
onChangeComplete={value => console.log(value)}
/>
</form>
我懂了
uj5u.com熱心網友回復：
設定 range(state) 的初始值，你就可以開始了。
const [range, setRange ]= useState({
min: 5,
max: 10,
});
<form action="">
<InputRange
maxValue={100}
minValue={0}
formatLabel={value => `$${value}`}
value={range}
onChange={value => setRange(value)}
onChangeComplete={value => console.log(value)}
/>
</form>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/453026.html
標籤：javascript 反应