onChange и onClick внутри кнопки не работают в IE

Реакция: 16.

onClick в поле ввода, и onChange не работает в IE . Работает плавно на хроме.

Является ли добавление двух 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 }, () => {
      ....
    }
  });
};

Всего 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>

Есть идеи?

10000