无法在 React 中编辑输入值

Question

我在 React 中从事一个项目，我在 table 中输入了我想购买的产品数量，但我无法更改网页上的值。

如果我删除值属性，我可以修改该值，但我想我输入了错误的内容。有人可以帮助我如何将值属性键入为 1 吗？

                       <input
                          type="text"
                          id={"cantitate_" + index}
                          value={1}
                          onChange={(e) => changeQuantity(e.target.value, index)}
                        />

changeQuantity 是我尝试计算某些东西的函数。

Answer 1

你应该使用 defaultValue 而不是 value，因为我从评论中假设你没有实现 controlled form:

  <input
    type="text"
    id={"cantitate_" + index}
    defaultValue={1}
    onChange={(e) => changeQuantity(e.target.value, index)}
  />

无法在 React 中编辑输入值

Can't edit input value in React

javascript

html

reactjs

onchange