Material-UI Pickers – 使空日期（onblur）触发错误

【问题标题】：Material-UI Pickers – Make empty date (onblur) trigger errorMaterial-UI Pickers – 使空日期（onblur）触发错误
【发布时间】：2020-03-04 11:36:32
【问题描述】：

问题：我正在使用material-ui-pickers 并且无法弄清楚当用户移除焦点/onBlur 并且日期字段为空时如何触发/启动错误。

我尝试将文本颜色和下划线更改为错误颜色（红色），但是屏幕阅读器/a11y 不会记录错误。这意味着它必须触发日期选择器的“内部”错误系统。

【问题讨论】：

请提供相同的代码和框，以便我们看到您的问题

标签： reactjs material-ui

【解决方案1】：

@material-ui-pickers 继承自 Material-UI TextField 的 props，你会注意到 error 是 boolean。

为了创建错误消息，您需要满足两个 props，error 和 helperText。

您没有提供示例，但应该是这样的：

     <DatePicker
      required
      id="dob"
      label="Date of Birth"
      format={"DD/MM/YYYY"}
      value={this.state.dob}
      className={classes.textField}
      onChange={this.handleDateChange}
      error={!this.state.dob}
      helperText={!this.state.dob && "Error message here"}
    />

【讨论】：

谢谢，我奇怪地忽略了布尔属性“错误”。