React值在表中相乘

import React, { useState } from 'react';

function Table() {
  const [data, setData] = useState([
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
  ]);

  const multiplyRow = (rowIndex) => {
    const updatedData = [...data];
    const multipliedRow = updatedData[rowIndex].map(value => value * 2);
    updatedData[rowIndex] = multipliedRow;
    setData(updatedData);
  };

  const multiplyColumn = (columnIndex) => {
    const updatedData = [...data];
    const multipliedColumn = updatedData.map(row => {
      const newRow = [...row];
      newRow[columnIndex] *= 2;
      return newRow;
    });
    setData(multipliedColumn);
  };

  return (
    <table>
      <tbody>
        {data.map((row, rowIndex) => (
          <tr key={rowIndex}>
            {row.map((value, columnIndex) => (
              <td key={columnIndex}>{value}</td>
            ))}
            <td>
              <button onClick={() => multiplyRow(rowIndex)}>Multiply Row</button>
            </td>
          </tr>
        ))}
        <tr>
          {data[0].map((_, columnIndex) => (
            <td key={columnIndex}>
              <button onClick={() => multiplyColumn(columnIndex)}>Multiply Column</button>
            </td>
          ))}
        </tr>
      </tbody>
    </table>
  );
}

export default Table;