如何设置 FieldTitle 组件为验证={required()} 字段添加的星号颜色

问题描述

似乎没有办法设置 FieldTitle 为具有 validation={required()} 字段的组件添加的星号样式。 您可以通过提供“required”属性来使用 mui 为必填字段提供的星号，但您只会得到两个星号。

解决方法

不，react-admin 没有提供 API 来设置其 Input 组件中的星号样式。

您必须build your own Input component，如 react-admin 文档中所述：

import TextField from '@material-ui/core/TextField';
import { useInput,required } from 'react-admin';

const BoundedTextField = props => {
    const {
        input: { name,onChange,...rest },meta: { touched,error },isRequired
    } = useInput(props);

    return (
        <TextField
            name={name}
            label={props.label}
            onChange={onChange}
            error={!!(touched && error)}
            helperText={touched && error}
            required={isRequired}
            {...rest}
        />
    );
};