Условно внесите необходимые данные в React - PullRequest
Новая
       19

Условно внесите необходимые данные в React

0 голосов
/ 12 мая 2019

В форме в приложении My React я хочу сделать набор входных данных (длина и калибровка) требуется , если для категории задано значение Roll. Как я могу это сделать? Заранее спасибо. 

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

1 Ответ

2 голосов
/ 12 мая 2019

В html-части вы можете сделать что-то вроде: 

 <Form.Control name="length" defaultValue={this.state.length} required={ this.state.category==='roll'}/>
...