react-admin Selectinput with default value

Question

Is it possible to render SelectInput with default value selected? I need to load the page with a default language selected. thanks.

My code:


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"
    />
);

Sohil Gupta · Accepted Answer · 2020-06-24 07:45:38Z

3

Use the prop initialValue for this.

Your selectinput would look like

     <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"}
    />

More here: https://marmelab.com/react-admin/Inputs.html#common-input-props

answered Jun 24, 2020 at 7:45

Sohil Gupta

414 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Saskovic · Accepted Answer · 2023-03-08 10:40:44Z

0

Since React Admin version 3.3.0 you can use the defaultValue prop.

<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"
/>

In the React Admin documentation, the defaultValue prop is documented as a valid option for form inputs, and it's described as a prop that can be used to set the default value of a form field. See: https://marmelab.com/react-admin/Inputs.html#defaultvalue

answered Mar 8, 2023 at 10:40

Saskovic

614 bronze badges

Collectives™ on Stack Overflow

react-admin Selectinput with default value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related