如何让material-ui根据用户选择或输入第一个输入字段自动完成

import React, { useState } from 'react';
import { Autocomplete, TextField } from '@mui/material';

const options = [
  'Apple',
  'Banana',
  'Cherry',
  'Date',
  'Elderberry',
  'Fig',
  'Grape',
];

export default function AutoCompleteExample() {
  const [inputValue, setInputValue] = useState('');

  return (
    <Autocomplete
      options={options}
      inputValue={inputValue}
      onInputChange={(event, newInputValue) => {
        setInputValue(newInputValue);
      }}
      renderInput={(params) => (
        <TextField
          {...params}
          label="Choose a fruit"
          variant="outlined"
        />
      )}
    />
  );
}