Reactjs选择 - 获取输入选择onChange

Question

我正在尝试更改选择框的this元素 https://github.com/JedWatson/react-select

<Select
   name="propertytype"
   value={this.state.propertytype}
   options={optionsPropertyType}
   onChange={this.handlePropertyTypeChange}
   placeholder="Property Type"
/>

我试图获取调用处理程序的this元素。但onChange函数只会检索选择框的value和label。

handlePropertyTypeChange: function(val) {
    console.log("this -property change", this);
    console.log("val", val);
    this.setState({propertytypename: val.label});
    this.setState({propertytype: val.value});
  },

Answer 1

使用此类处理程序的更好方法是使用bind（this）。

onChange={this.handlePropertyTypeChange.bind(this)}

所以这将是你的组件

或者如果要访问目标元素，可以使用react refs或event.target