单击按钮时，一组TextField上的红色边框+错误消息

Question

我有一个TextField列表。单击按钮后，是否有可能在每个空白的文本字段上显示错误消息+红色边框？我尝试使用onGetErrorMessage函数。但是，它仅在使用ValidateOnLoad / validateOnFocusOut / validateOnFocusIn吗？我只需要在单击按钮时显示错误消息即可。

请参阅codepen https://codepen.io/lipalath/pen/REOZXO，了解到目前为止我已经尝试过的内容。

private _onRenderCell = (item) => {

 return (
  <div>
   {item.name}                     
   <TextField
    required={true}
    onGetErrorMessage={this._checkIfEmpty}
    onBlur={this._onBlur}
    validateOnLoad={false}
    validateOnFocusOut={false}
    validateOnFocusIn={false}
       />
  </div>
 );
}