javascript - 按钮内的 onChange 和 onClick 在 I.E 上不起作用

Question

react :16。
onClick在输入字段和 onChange不适用于 IE .它在 chrome 上运行流畅。

正在添加两个 onclick导致这个问题？一个在按钮上，另一个在输入字段上？

<button onClick={this.addEventOnTimePicker()}>
  <div style={style.buttonContent}>
    <div style={style.buttonIcon}>
      <Clock style={style.iconStyle} />
    </div>
    <input
      style={style.timeInput}
      onClick={() => {
        this.timePickerToggle(!open);
      }}
      disabled={disabled}
      ref={instance => (this.dropDown = instance)}
      value={typeof time === 'string' ? time : moment(time).format('LT')}
      onChange={this.onTimeChange.bind(this)}
    ></input>
  </div>
</button>

timePickerToggle = open => {
  this.addEventOnTimePicker();
  this.setState({ open }, () => {
      ....
    }
  });
};

Answer 1

IE 上的最终工作代码:

<div
  style={style.buttonContent}
  onClick={() => {
    this.timePickerToggle(!open);
  }}
>
  <div style={style.timeIcon}>
    <Clock style={style.iconStyle} />
  </div>
  <input
    style={style.timeInput}
    disabled={disabled}
    ref={instance => (this.dropDown = instance)}
    value={typeof time === 'string' ? time : moment(time).format('LT')}
    onChange={this.onTimeChange.bind(this)}
  ></input>
</div>