Reactjs TextField上的物料UI自定义必需文本

Reactjs TextField上的物料UI自定义必需文本,reactjs,material-ui,Reactjs,Material Ui,该组件允许您设置该字段是否为必填字段,但我想更改*必填字段的*符号 有什么办法可以做到吗?我在他们的API上找不到任何关于它的信息,但是你可以使用::在星号的元素上的伪元素之后: 从“React”导入React; 从“@material ui/core/TextField”导入TextField; 从“@material ui/core/styles”导入{makeStyles}”; const useStyles=makeStyles(主题=>({ 根目录:{ “&.MuiTextField根

该组件允许您设置该字段是否为必填字段,但我想更改
*必填字段的
*
符号


有什么办法可以做到吗?

我在他们的API上找不到任何关于它的信息,但是你可以使用
::在星号的
元素上的
伪元素之后:

从“React”导入React;
从“@material ui/core/TextField”导入TextField;
从“@material ui/core/styles”导入{makeStyles}”;
const useStyles=makeStyles(主题=>({
根目录:{
“&.MuiTextField根”:{
边距:主题。间距(1),
宽度:200,
“&.MuiFormLabel asterisk.MuiInputLabel asterisk”:{//这些是从材质ui库中为星号元素使用的类
“&::之后”:{
内容:“'必填字段”“//在此处添加文本
}
}
}
}
}));
导出默认函数FormPropsTextFields(){
const classes=useStyles();
返回(
);
}

还有,这是一个很好的例子。

提供沙箱很好,但请在答案中包含代码。谢谢提示!我还将包括解决问题的代码部分:)这种方式用于react hooks代码,但我正在使用的代码有点旧,所以…忽略所有内容,只需看看我编写的样式。您可以找到星号元素并应用与上述相同的样式。@MichalisGarganourakis您知道如何对选择组件执行相同的操作吗?