如何使用TypeScript和React从数字数组中删除数字

import React, { useState } from 'react';

const MyComponent: React.FC = () => {
  const [numbers, setNumbers] = useState<number[]>([1, 2, 3, 4, 5]);

  // 其他组件代码...

  return (
    // 组件的JSX代码...
  );
}

export default MyComponent;

const handleDeleteNumber = (numberToDelete: number) => {
  const updatedNumbers = numbers.filter(number => number !== numberToDelete);
  setNumbers(updatedNumbers);
}

return (
  <div>
    {numbers.map(number => (
      <div key={number}>
        <span>{number}</span>
        <button onClick={() => handleDeleteNumber(number)}>删除</button>
      </div>
    ))}
  </div>
);