ReactJs – 为输入添加属性值

huangapple go评论64阅读模式
英文:

ReactJs - add attribute value for input

问题

我需要根据参数isValue的状态为输入字段添加VALUE属性

{this.state.isValue ?
<input type="text" id="amount" name="amount" value={this.state.amount} />
:
<input type="text" id="amount" name="amount" />
}

如果我使用这段代码 - 在html代码中会有空值(如果isValue = false)

<input type="text" id="amount" name="amount" value={this.state.isValue ? this.state.amount : null} />


有没有更加优雅的方法来实现这个?例如,我尝试这样做,但它不起作用...

<input type="text" id="amount" name="amount" {this.state.isValue ? value=this.state.amount : null} />

英文:

I need add attribute VALUE for input depending on the state of the parameter isValue

{this.state.isValue ?
&lt;input type=&quot;text&quot; id=&quot;amount&quot; name=&quot;amount&quot; value={this.state.amount} /&gt;
:
&lt;input type=&quot;text&quot; id=&quot;amount&quot; name=&quot;amount&quot; /&gt;
}

If I use this code - I have emtpy value in html code (if isValue = false)

&lt;input type=&quot;text&quot; id=&quot;amount&quot; name=&quot;amount&quot; value={this.state.isValue ? this.state.amount : null} /&gt;

Is it possible to do this in a more elegant way? For example, I try like this, but it doesn't work...

&lt;input type=&quot;text&quot; id=&quot;amount&quot; name=&quot;amount&quot; {this.state.isValue ? value=this.state.amount : null} /&gt;

答案1

得分: 0

终于我找到了一个解决方案。太糟糕了,没有人能帮助我。

英文:

Finally I found a solution. Too bad no one could help me.

&lt;input type=&quot;text&quot; id=&quot;amount&quot; name=&quot;amount&quot; {...(this.state.isValue ? {value: this.state.amount} : {})} /&gt;

huangapple
  • 本文由 发表于 2023年2月18日 07:42:40
  • 转载请务必保留本文链接:https://go.coder-hub.com/75490182.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定