React Select-如何显示/遍历api调用选项中的数据而不是硬编码选项？

这里的问题来自数组中的对象。

react-select

value

label

因此，在渲染中，您可以替换

let options = this.state.cities.map(function (city) {  return city.name;})

通过，例如

let options = this.state.cities.map(function (city) {  return { value: city.countryCode, label: city.name };})

或者，就像pritesh指出的那样，只需告诉

react-select

render () {  return (    <div>      <Select        name="form-field-name"        value={this.state.value}        onChange={this.handleChange}        clearable={this.state.clearable}        searchable={this.state.searchable}        labelKey='name'        valueKey='countryCode'        options={this.state.cities}  />    </div>  )}

希望这可以帮助你！