反应验证输入

Question

我将材料ui仪表板用于我的应用程序，我想在我的字段中设置验证。

如果在发送表单期间我的字段为空，如何显示错误消息并用红色下划线显示该字段？

以下是示例输入：

<CustomInput
    labelText={<FormattedMessage id="LoginTemplate.email" defaultMessage="Email"/>}
    id="email"
    formControlProps={{fullWidth: true}}
    inputProps={{
         onChange:this.handleChange,
         type:"email",
         name:"email",
         value:authentification.email,
         error:authentification.email == "" ? true : false,
         endAdornment: (
              <InputAdornment position="end">
               <Email className={classes.inputIconsColor}/>
               </InputAdornment>
         )
    }}
/>

感谢您的帮助