Reactjs 使用react和material ui在文本字段中更改required的标签

我正在react应用程序中使用MaterialUI。我试图做的是在设置必需属性时更改文本字段的标签“请填写此字段”

我尝试将

setCustomValidity

与

inputProps

一起使用，但什么也没发生。

---

此标签有两种类型。一个是鼠标悬停在文本字段上时显示的工具提示，另一个是提交表单时显示的工具提示

您收到的错误消息不是material ui，而是处理错误的浏览器。这无法更改，因为浏览器基于“必需”属性呈现。您只能通过在表单上执行自定义错误处理来更改此设置。

以下是我在个人项目中使用的代码片段：

<TextField
               error={this.props.error_val
                    ? true
                    : false
                }
                required={this.props.isRequired ? true : false}
                type={this.props.type}
                label={this.props.label}
                variant={this.props.VARIANT}
                className={classes.root}
/>

---

可以使用输入元素中的

setCustomValidity

方法更改消息。但是我不能用Material-UI的tex字段更改它。这不是我的问题，我在问题中提到的标签是在为文本字段设置必需属性时出现的标签，而不是属于Material UI文本字段的标签。

    validate = (name, value) => {
        let error = "";
        switch (name) {
          case "name":
            error = (!value || value.length == 0) && "Please enter the name";
            break;
    }
            return error;
}