react-admin使用默认值选择输入

cvxl0en2 于 2023-03-09 发布在 React

关注(0)|答案(2)|浏览(192)

是否可以使用选定的默认值呈现SelectInput？我需要使用选定的默认语言加载页面。谢谢。
我的代码：

export const CT_SELECT_I18N = [
    {id: 'en', text: 'English'},
    {id: 'pt', text: 'Português'},
    {id: 'es', text: 'Español'},
];

const renderSelect = ({
                          meta: {touched, error} = {},
                          input: {...inputProps},
                          ...props
                      }) => (
    <SelectInput
        error={!!(touched && error)}
        helperText={touched && error}
        {...inputProps}
        {...props}
        fullWidth
        source="idioma"
        choices={Constants.CT_SELECT_I18N}
        translateChoice={false}
        optionValue="id"
        optionText="text"
    />
);

react-native

来源：https://stackoverflow.com/questions/62517270/react-admin-selectinput-with-default-value

2条答案

按热度按时间

axzmvihb1#

为此，请使用属性initialValue。
您的选择输入如下所示

<SelectInput
        error={!!(touched && error)}
        helperText={touched && error}
        {...inputProps}
        {...props}
        fullWidth
        source="idioma"
        choices={Constants.CT_SELECT_I18N}
        translateChoice={false}
        optionValue="id"
        optionText="text"
        initialValue={"en"}
    />

更多信息请访问：https://marmelab.com/react-admin/Inputs.html#common-input-props

赞(0）回复(0）举报 2023-03-09

f5emj3cl2#

从React Admin版本3.3.0开始，您可以使用defaultValue属性。

<SelectInput
    error={!!(touched && error)}
    helperText={touched && error}
    {...inputProps}
    {...props}
    fullWidth
    source="idioma"
    choices={Constants.CT_SELECT_I18N}
    translateChoice={false}
    optionValue="id"
    optionText="text"
    defaultValue="en"
/>

在React Admin文档中，defaultValue属性被记录为表单输入的有效选项，并被描述为可用于设置表单字段默认值的属性。请参阅：https://marmelab.com/react-admin/Inputs.html#defaultvalue

赞(0）回复(0）举报 2023-03-09

我来回答

react-admin使用默认值选择输入

2条答案

相关问题

热门标签

最新问答