reactjs - 有条件地输入 React 所需的输入
问题描述
在 My React 应用程序的表单中,如果类别设置为滚动,我想制作一组所需的输入(长度和规格) 。我该怎么做?提前谢谢。
<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'}/>
推荐阅读
- php - PHP - 从图片创建缩略图,没有白/黑条(并保持比例)
- pandas - 基于 Pandas 时间序列的过滤
- android - 没有 @Provides 注释的方法不能提供 Dagger/MissingBinding
- c# - 从 Texture2D 制作材质
- laravel - 显示具有相同 user_id 的数据并对 amount_unit 列求和
- javascript - 使用 javascript 将大量 DOM 渲染为模态的问题
- python - 将包含列表的列表二值化
- css - 如何使灰色覆盖覆盖所有网站,包括帖子图像和元数据
- javascript - 在 JavaScript 中按下提交按钮后获取输入值
- arrays - 我们可以将数组用于 ros 中的多个发布主题吗?