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

Question

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

Answer 1

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

您必须执行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}
        />
    );
};