Input type="text" default value cant able to change in reactjs

Question

I have a requirement that, i have one html text field initially it should have a default value as 0. But, later point of time i want to change the value of text box ( in ReactJS ).

Am not able to change the default value. Please find my reactjs code for the same.

<input name="discount" type="text" id="header_discount" step="0.01"  maxLength="5" min="0" max="100"  value={ this.state.item.discount ? this.state.item.discount : this.state.item.discount = "0" }  className="form-control" onChange={ this.handleInputChange } />

check this codesandbox.io/s/7jj8z6o33j @Karthikeyan

patelarpan
– patelarpan

2018-05-14 07:00:31 +00:00
Commented May 14, 2018 at 7:00 — patelarpan
– patelarpan, Commented May 14, 2018 at 7:00

Tomasz Mularczyk · Accepted Answer · 2018-05-14 06:48:19Z

6

You can use default value prop:

<input  defaultValue={0} name="discount" ...

answered May 14, 2018 at 6:48

Tomasz Mularczyk

36.4k19 gold badges118 silver badges176 bronze badges

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

Comments

Dayachand Patel · Accepted Answer · 2018-05-14 06:50:52Z

0

Set default state on constructor after that change value using handlechange function. your ternary statement on input is not correct.

answered May 14, 2018 at 6:50

Dayachand Patel

4977 silver badges12 bronze badges

Collectives™ on Stack Overflow

Input type="text" default value cant able to change in reactjs

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