Can't edit input with initial value in React

Question

I work on a project in React, and I have an input in a table for the quantity of a product I want to buy, and I can't change the value on the web page.

If I delete the value property, I can modify the value, and I think I typed something wrong. Can somebody help me with how to have an initial value equal to 1 and still be able to update it?

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

changeQuantity is a function where I try to calculate something.

Youssouf Oumar · Accepted Answer · 2023-01-06 11:59:03Z

3

You should be using defaultValue instead of value, since I assume from the comment that you are not implementing a controlled form:

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

edited Jan 6, 2023 at 11:59

answered Mar 30, 2022 at 10:36

Youssouf Oumar

47.5k16 gold badges109 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SnNaCk Over a year ago

i don't have any variable quantity saved. All I want is that the value to be 1 for start and to can change the value

Youssouf Oumar Over a year ago

In this case use defaultValue instead, I just edited my answer.

Collectives™ on Stack Overflow

Can't edit input with initial value in React

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related