验证 Office 结构反应文本字段答案

【问题标题】：Validating Office fabric react textfield验证 Office 结构反应文本字段
【发布时间】：2017-09-18 21:06:53
【问题描述】：

我有一个包含office fabric textField 控件的页面。他们有自己的 onGetErrorMessage 方法来验证和显示错误消息。但我不想触发验证 onBlur 或 onFocusIn。我想通过单击“保存”按钮来验证所有内容。我如何访问控件并遍历这些控件并立即对其进行验证？控件不在标签中。

例如

<div>
    <div>
        <TextField label="First Name:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <TextField label="Last Name:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <TextField label="Email:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <TextField label="Username:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <input type="button" onClick={this.validate()} value="Save" />
    </div>
</div>

我尝试先初始化 TextField，然后在 render() 中使用它并在 validate() 中访问它，但没有奏效。有什么想法可以实现吗？

【问题讨论】：

标签： reactjs office-js

【解决方案1】：

刚看到这个，但似乎没有人回答。可以通过简单的事件捕获来完成：

validate = () =>{
  this.go = true;
}

_onError = () => {
  if (!this.go){
    return "";
  }
}

【讨论】：