与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包装器。）

由于