Реагируйте с Office UI Fabric - InputChildren не запускает onSubmit / onClick

Question

Функция:

  onMessageSubmit(e) {
    e.preventDefault();
    const input = this.message;
    if (!input.value) {
      return false;
    }
    this.pushMessage(this.state.curr_user, input.value);
    input.value = '';
    return true;
  }

Форма:

<form onSubmit={e => this.onMessageSubmit(e)}>
    <InputChildren ref={m => { this.message = m; }} >
    <IconButton iconProps={ { iconName: 'Forward' } } onClick={e => this.onMessageSubmit(e)} /> 
    </InputChildren>
</form>

Я создал Input с Button как Child Component внутри.Я могу создать простой onClick с помощью Button, но не могу вызвать вышеуказанное function.

Однако использование JSX form, как показано ниже, похоже, работает:

      <form onSubmit={e => this.onMessageSubmit(e)}>
        <input
          ref={m => { this.message = m; }}
          placeholder="Write here.."
          className="message-input"
        />
      </form>

Я не могу понять, что я делаю неправильно - есть идеи?(Я также пробовал onClick на Button без form оболочки).

Спасибо