输入类型=“文本”默认值无法在reactjs中更改

Question

我要求我最初有一个html文本字段，它的默认值应为0。但是，稍后我想改变文本框的值（在ReactJS中）。

无法更改默认值。请找到我的reactjs代码。

<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 } />  

Answer 1

您可以使用默认值prop：

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

Answer 2

使用handlechange函数在该更改值之后在构造函数上设置默认状态。你输入的三元语句是不正确的。