如何在MaterialUI自动补全中仅显示有条件的NoOptionsText

import React, { useState } from 'react';
import Autocomplete from '@material-ui/lab/Autocomplete';
import TextField from '@material-ui/core/TextField';

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

const MyAutocomplete = () => {
  const [inputValue, setInputValue] = useState('');
  
  const handleInputChange = (event, value) => {
    setInputValue(value);
  };
  
  const filterOptions = (options, state) => {
    if (state.inputValue === 'A') {
      return options.filter(option => option.startsWith('A'));
    }
    return options;
  };
  
  return (
    <Autocomplete
      options={options}
      inputValue={inputValue}
      onInputChange={handleInputChange}
      filterOptions={filterOptions}
      noOptionsText={inputValue === 'A' ? 'No options starting with A' : 'No options'}
      renderInput={params => (
        <TextField {...params} label="Fruit" variant="outlined" />
      )}
    />
  );
};

export default MyAutocomplete;