无法在reactjs中获取下拉值

Question

我是 react 新手，正在学习 react 中的新事物，并为一个国家/地区创建了一个下拉列表，并希望将值存储在 app.js 中。我无法从下拉字段中获取值。谁能帮我获得价值？

这里是一些代码：

<Select
          placeholder="Select your country"
          options={countryOptions}
          value={this.props.country}
          onChange={this.props.handleCountry}
        />

这是整个代码：

“https://codesandbox.io/s/charming-bell-elme4”。

谁能帮我解决这个问题？

Answer 1

看起来handleCountry 应该接受两个参数：

  handleCountry = (e, obj) => {
    this.setState({
      country: obj.value
    });
  };

请参阅此fork 以获取工作示例。希望对您有所帮助！