3 回答

TA貢獻1872條經驗 獲得超4個贊
您需要將值放入狀態(tài)并添加 onChange 處理程序。
// in constructor
const state = {
sliderValue: 17
}
handleOnChange = (e) => {
this.setState({
sliderValue: e.target.value
})
}
// in render
<input
className="range"
type="range"
min="0"
max="100"
value={this.state.sliderValue}
onChange={this.handleOnChange}
/>

TA貢獻1772條經驗 獲得超6個贊
function App() {
const [value, setValue] = useState(17);
return (
<>
<input
className="range"
type="range"
min="0"
max="100"
value={value}
onChange={e => setValue(e.target.value)}
/>
</>
);
}
添加回答
舉報