如何制作带有输入框的滑动条

Question

带输入框的滑块

const _defaultData = [
{

percent: 0
}]
const [data,setData] = useState(_defaultData)
<input type="range" min="0" max="100" defaultValue={data.percent} className="slider" value={data.percent} />

我有一个范围滑块作为输入和一个输入数字字段

<input type="number" name="percent" value={data.percent} placeholder={data.percent} onChange={(e) => setData(e.target.value)}/>

如果输入字段为62，那么滑块应该更改为64，但它不工作。数据存储到状态，但它没有改变，谁能帮助我这个react钩子

Answer 1

因为_defaultData是一个数组，要访问percent，您需要写data[0].percent，因为在本例中data.percent将返回undefined。