链接下拉选择

Question

我要使下拉选择项（国家，州，城市）相互依赖。如果有人选择了美国，则将显示美国各州，并且将显示该州的美国城市。如果有人选择英国，则只应显示英国城市。

导入一系列美国城市和英国城市会比导入一系列所有城市更容易吗？ 有人还建议我制作一张地图，其中包含以国家/地区名称为键的城市阵列，沿

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