从onSelect处的material-ui autocomplete中检索条目的键，而不是值

import Autocomplete from '@material-ui/lab/Autocomplete';

const options = [
  { key: '1', value: 'Apple' },
  { key: '2', value: 'Banana' },
  { key: '3', value: 'Orange' }
];

function handleSelect(event, selectedOption) {
  const selectedKey = selectedOption.key;
  const selectedValue = options.find(option => option.key === selectedKey).value;

  console.log('Selected key:', selectedKey);
  console.log('Selected value:', selectedValue);
}

function Example() {
  return (
    <Autocomplete
      options={options}
      getOptionLabel={(option) => option.value}
      onChange={handleSelect}
      renderInput={(params) => (
        <TextField {...params} label="Fruits" variant="outlined" />
      )}
    />
  );
}