React input type number default value

Question

The current state is zero and it shows zero on the input, I want to change the input value to any other number? I didn't include the full code just where is having an issue. Thanks

 const [value, setValue] = useState(0)
<input type="number" value={value} min="0" onChange={handleOnChangeSoda} required/>

const handleOnChangeSoda = e => { setSoda(sodaPrice * [e.target.value]) setValue(value) } — Elhassan Abdelhafez
– Elhassan Abdelhafez, Commented Jan 7, 2021 at 10:40

Hayk Shakhbazyan · Accepted Answer · 2021-01-07 10:40:37Z

2

handleOnChangeSoda = (event) => {
  setValue(event.target.value)
}

the value set will be a string so if you want it to be a number do a ParseFloat or ParseInt on event.target.value

answered Jan 7, 2021 at 10:40

Hayk Shakhbazyan

2423 silver badges17 bronze badges

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

Comments

Sajib saha · Accepted Answer · 2021-01-07 10:37:27Z

0

const [value, setValue] = useState(0) <input type="number" value={value} min="0" onChange={(val)=>setValue(val)} required/>

//i think this will work

answered Jan 7, 2021 at 10:37

Sajib saha

3914 silver badges18 bronze badges

Collectives™ on Stack Overflow

React input type number default value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related