如何删除嵌套数组中要作为react状态传递的项

import React, { useState } from 'react';

const MyComponent = () => {
  const [nestedArray, setNestedArray] = useState([
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
  ]);

  const deleteItem = (itemToDelete) => {
    const updatedArray = nestedArray.map((subArray) =>
      subArray.filter((item) => item !== itemToDelete)
    );
    setNestedArray(updatedArray);
  };

  return (
    <div>
      <h1>Nested Array:</h1>
      {nestedArray.map((subArray, index) => (
        <div key={index}>
          {subArray.map((item, subIndex) => (
            <span key={subIndex}>{item} </span>
          ))}
          <button onClick={() => deleteItem(subArray)}>Delete</button>
        </div>
      ))}
    </div>
  );
};

export default MyComponent;