Question

为什么在React js下拉菜单中未触发onchange？我已经将此函数绑定到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

为什么在React js下拉菜单中不触发onchange？

1 个答案: