Связанный выпадающий выбор - PullRequest
Новая
       9

Связанный выпадающий выбор

0 голосов
/ 19 июня 2019

Я хочу, чтобы мои выпадающие списки (страны, штата, города) зависели друг от друга.Если кто-то выберет США, появятся штаты США, и отобразятся города США из этого штата.Если кто-то выберет Великобританию, должны появиться только города Великобритании.

Было бы проще импортировать массивы городов США и городов Великобритании, чем импортировать массив всех городов?Кто-то также порекомендовал мне сделать карту, содержащую массивы городов с названием страны в качестве ключа, вдоль линий 

 <ControlLabel>Country</ControlLabel>
 <FormControl componentClass="select" value={this.state.country} name="country" onChange={this.handleChange}>
   { data["country"].map((d) => <option key={d} value={d}>{d}</option>) }
 </FormControl>
 </Col>
 <Col md={3}>
   <ControlLabel>State</ControlLabel>
   <FormControl componentClass="select" value={this.state.state} name="state" disabled={this.state.disabled_state} onChange={this.handleChange}>
     { data["state"].map((d) => <option key={d} value={d}>{d}</option>) }
   </FormControl>
 </Col>
 <Col md={3}>
 <ControlLabel>City</ControlLabel>
 <FormControl componentClass="select" value={this.state.city} name="city" onChange={this.handleChange}>
   { data["city"].map((d) => <option key={d} value={d}>{d}</option>) }
 </FormControl>
...