[question] Help with a feature in Autocomplete

[pedro-areal-torres]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

The issue is, that I have this list of options:
[{id: 1, value: 1, label: 'Company1'},{id: 2, value: 2, label: 'Company2'}]

I'm using the Autocomplete component and I want to set as a value only the ID, but display the label.
Store as a value ONLY the ID.

I already tried with getOptionLabel, with getOptionSelected (deprecated).
The issue is that I'm getting undefined on the getOptionLabel, because the value is being changed only for the ID.
Currently my code is:

<Controller
      name={name}
      control={control}
      render={({ field, fieldState: { error } }) => (
        <Autocomplete
          {...field}
          getOptionLabel={(option) => option.label} // Display the label
          onChange={(event, newValue) => {
            setValue(name, extractId ? newValue.id : newValue, { shouldValidate: true });
          }}
          renderInput={(params) => (
            <TextField
              label={label}
              error={!!error}
              helperText={error ? error?.message : helperText}
              {...params}
            />
          )}
          {...other}
        />
      )}
    />

Current behavior 😯

Displaying the label, but I

Expected behavior 🤔

No response

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[mj12albert]

@pedro-areal-torres You'll need to use isOptionEqualToValue and getOptionLabel props to use a custom options structure.

If getOptionLabel is not enough, renderOption is a more customizable alternative.

Here's a minimal example: https://codesandbox.io/s/https-github-com-mui-material-ui-issues-38624-m5g85w

[github-actions]

👋 Thanks for using MUI Core!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://mui.com/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.