Reactjs 如何处理选择框中的选择事件？

嗨，我正在尝试在我的react应用程序中实现选择框。我正在使用来自的npm。下面是我的代码

const options = [
  { value: 'Current', label: 'Current' },
  { value: 'Future', label: 'Future' },
  { value: 'Closed', label: 'Closed' },
];
export class EditParametersPanelComponent extends React.Component {
 this.state = {
 selectedOption: null,
 }
handleChange(selectedOption) {
    this.setState({ selectedOption });
    console.log('Option selected:', selectedOption);
  }

render() {
    const { selectedOption } = this.state;
       return (
       <Select
              instanceId="storeFilter"
              value={selectedOption}
              onChange={this.handleChange}
              options={options}
              placeholder="Store"
            />,
         );
  }
}

---

有人能帮我识别并修复这个错误吗？任何帮助都将不胜感激。谢谢

您必须使用箭头功能进行绑定

handleChange = selectedOption => {
    this.setState({ selectedOption });
    console.log('Option selected:', selectedOption);
  }

或者您可以使用下面的其他方式

<Select
              instanceId="storeFilter"
              value={selectedOption}
              onChange={this.handleChange.bind(this)}
              options={options}
              placeholder="Store"
            />,

，

您需要将

this.handleChange

绑定到

this

。嗨，谢谢你，卡吉尔。我如上所述改变了。现在开始出现以下错误。分析错误：意外的令牌=。我是否需要在此处更改任何内容？您能否获得结果

console.log（'Option selected:'，selectedOption）？现在是。非常感谢你的帮助。我添加了this.handleChange=this.handleChange.bind（this）；
<Select
              instanceId="storeFilter"
              value={selectedOption}
              onChange={this.handleChange.bind(this)}
              options={options}
              placeholder="Store"
            />,