无法在reactjs中获取下拉列表值

无法在reactjs中获取下拉列表值,reactjs,Reactjs,我对react是新手,在react中学习新事物,并创建了一个国家下拉列表,希望在app.js中存储价值。我无法从下拉字段中获取值。有人能帮我得到这个值吗 以下是一些代码: <Select placeholder="Select your country" options={countryOptions} value={this.props.country} onChange={this.props.handle

我对react是新手,在react中学习新事物,并创建了一个国家下拉列表,希望在app.js中存储价值。我无法从下拉字段中获取值。有人能帮我得到这个值吗

以下是一些代码:

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

以下是全部代码:

“”


有人能帮我吗?

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

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

请参见下面的工作示例。希望有帮助

嗨,我无法打开沙箱来查看正在工作的沙箱。你能再更新一次吗?这个链接对我有用。不确定要更新什么。注意,我还更新了提交按钮:
submit