HTML 输入类型='范围' 不移动

Question

我有一个包含滑块输入的选项组件。我不明白为什么如果我设置“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

我感谢任何帮助我的人

Answer 1

我通过将value参数替换为来解决它defaultValue