reactjs HTML输入类型='range'未移动

g52tjvyc 于 2022-11-04 发布在 React

关注(0)|答案(2)|浏览(153)

我有一个包含滑块输入的 Options 组件。我不明白为什么当我设置“value”参数时滑块的滑块不移动，但我需要它。
下面是代码：

const Options: React.FC<Props> = () => {

    return (
        <div className='options'>
            <span className='boh'>CUSTOMIZE YOUR PASSWORD</span>
            <div className='slider-container'>
                <input type="range" id="slider" min="1" max="100" value='10' />
                <label htmlFor="slider">Length</label>
            </div>
        </div>
    )
}

export default Options

我感谢任何帮助我的人

reactjs

来源：https://stackoverflow.com/questions/70667973/html-input-type-range-not-moving

2条答案

按热度按时间

mlmc2os51#

我通过将value参数替换为defaultValue来解决该问题

赞(0）回复(0）举报 2022-11-04

cyej8jka2#

如果你想改变这个值，你需要设置状态来响应初始值10，并且添加逻辑来改变这个值。这里有一个方法可以做到：

import { useState } from 'react'

const [value, changeValue] = useState(10)

return (
<input value={value} onChange={e => changeValue(e.target.value)} />
)

赞(0）回复(0）举报 2022-11-04

我来回答

reactjs HTML输入类型='range'未移动

2条答案

相关问题

热门标签

最新问答