在react组件中，无法使用退格键清除输入框中的最后一个整数

import React, { useState } from 'react';

const InputComponent = () => {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  const handleKeyDown = (e) => {
    if (e.keyCode === 8) {
      // 判断按下的键是否为退格键
      const lastIntegerIndex = inputValue.lastIndexOf(' '); // 找到最后一个整数的索引
      if (lastIntegerIndex !== -1) {
        setInputValue(inputValue.substring(0, lastIntegerIndex)); // 删除最后一个整数
      }
    }
  };

  return (
    <input
      type="text"
      value={inputValue}
      onChange={handleInputChange}
      onKeyDown={handleKeyDown}
    />
  );
};

export default InputComponent;