javascript - 向输入 ='range' 添加值会导致图形错误

Question

我正在使用 React ^16.9，并且我正在使用 type='range' 创建输入，但是当我添加起始值时， value="17" ，对于输入我无法再移动 slider 。由于某种原因它变得固定。

这可行，但 slider 从输入范围的中间开始

<input className="range" type="range" min="0" max="100"/>

这不允许我移动 slider

<input className="range" type="range" min="0" max="100" value="17"/>

<小时/> 我似乎不太清楚可能导致此问题的原因，任何关于为什么第二个 slider 的 GUI 不移动的建议将不胜感激。

Answer 1

如果您指定一个值，您还应该指定一个 onchange 处理程序，以便当您移动 slider 时它会更新该值。