[英]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.