时间戳

首页 > 解决方案 > 为什么在反应 js 下拉列表中没有触发 onchange？

javascript - 为什么在反应 js 下拉列表中没有触发 onchange？

问题描述

为什么在反应 js 下拉列表中没有触发 onchange？我已经绑定了我的函数 thiscontext或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>

标签： javascriptreactjs

解决方案

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

推荐阅读