如何在我的 MUI 输入字段上显示不同的错误消息？

Question

我有一个表单输入字段，如果用户在空时尝试提交，它会显示错误，但我也想显示不同的错误消息，因为输入不是唯一的，我目前有这个

<FormTextField
    className={classes.nameInput}
    errorMessages={[handleErrorMessage()]}
    label="Recipe Name"
    id="recipe-name"
    isRequired
    name="name"
    onChange={handleChange}
    placeholder="Recipe name"
    validators={['required']}
    value={slug}
    autoFocus
/>

这是 MUI v4

Answer 1

第一个解法：

您可以使用在 material ui 文档中找到的小吃店：

https://v4.mui.com/components/snackbars/

你可以发一条或多条消息

第二种解法：

也许这个 post 会对你有所帮助，它非常接近你的问题：

你可以像这样举个例子：

<TextField
  value={this.state.text}
  onChange={event => this.setState({ text: event.target.value })}
  error={text === ""}
  helperText={text === "" ? 'Empty field!' : ' '}
/>

如何在我的 MUI 输入字段上显示不同的错误消息？

How can I display different error messages on my MUI input field?

reactjs

material-ui