React-Downshift -如何防止被Esc键清除？

import React from 'react';
import Downshift from 'downshift';

class App extends React.Component {
  state = {
    inputValue: ''
  };

  handleKeyDown = (event) => {
    // 阻止 Esc 键的默认行为
    if (event.key === 'Escape') {
      event.preventDefault();
    }
  };

  render() {
    return (
      <Downshift
        inputValue={this.state.inputValue}
        onInputValueChange={(inputValue) => this.setState({ inputValue })}
        onKeyDown={this.handleKeyDown}
      >
        {({
          getInputProps,
          getItemProps,
          getMenuProps,
          highlightedIndex,
          isOpen,
          selectedItem,
        }) => (
          <div>
            <input {...getInputProps()} />
            <div {...getMenuProps()}>
              {isOpen && (
                <ul>
                  {['Apple', 'Banana', 'Cherry'].map((item, index) => (
                    <li
                      {...getItemProps({
                        key: item,
                        index,
                        item,
                        style: {
                          backgroundColor:
                            highlightedIndex === index ? 'lightgray' : 'white',
                          fontWeight: selectedItem === item ? 'bold' : 'normal',
                        },
                      })}
                    >
                      {item}
                    </li>
                  ))}
                </ul>
              )}
            </div>
          </div>
        )}
      </Downshift>
    );
  }
}

export default App;