[英]Conditionally make an input required in React
在我的應用程序做出反應形式,我想需要做一組輸入(長度和計),如果該類別被設定為roll.How我能做到這一點?在此先感謝。
<Form.Group as={Col}>
<label>Category</label>
<Form.Control
as="select"
name="category"
defaultValue={this.state.category}
onChange={this.catControl}
>
<option>printed</option>
<option>roll</option>
</Form.Control>
</Form.Group>
<Form.Row>
<Form.Group as={Col}>
<label>Length(cm)</label>
//required if category is set to "roll". How can I do that?
<Form.Control name="length" defaultValue={this.state.length} />
</Form.Group>
<Form.Group as={Col}>
<label>Gauge(mm)</label>
<Form.Control name="gauge" defaultValue={this.state.gauge} />
</Form.Group>
</Form.Row>
在html部分,您可以執行以下操作:
<Form.Control name="length" defaultValue={this.state.length} required={ this.state.category==='roll'}/>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.