javascript - 为什么在 React JS 下拉菜单中没有触发 onchange？

Question

为什么在 React JS 下拉菜单中没有触发 onchange？我已经将我的函数绑定(bind)到此 context 或 this。这是我的代码 https://codesandbox.io/s/m2qjz6k48

onDropDownSelected = event => {
    let index = event.nativeEvent.target.selectedIndex;
    //event.nativeEvent.target[index].text;
    if (index !== 0) {
      let fields = this.state.fields;
      fields["selectedRole"] = this.state.roles[index];
      this.setState({ fields });
    }
  };

HTML

<Input
              type="select"
              name="select"
              onChange={this.onDropDownSelected.bind(this)}
              className="block__login_formGroup_input"
              //  value={this.state.fields["selectedRole"]}
              id="exampleSelect"
            >
              <option>Select Role</option>
              {this.createRolesDropDown()}
            </Input>

Answer 1

我刚刚检查了您的代码，发现 onChange 已触发下拉选项更改我只是更新了一些代码，所以你可以检查它下面的链接，你可以检查这个 https://codesandbox.io/s/00pxl9mmol