是否根据A列的值禁用单元格，并在单元格更改时进行更新？

import React, { useState } from 'react';

const App = () => {
  const [data, setData] = useState([
    { id: 1, A: 'disable', B: '' },
    { id: 2, A: 'enable', B: '' },
  ]);

  const handleCellChange = (id, column, value) => {
    const newData = data.map(item => 
      item.id === id ? { ...item, [column]: value } : item
    );
    setData(newData);
  };

  return (
    <table>
      <thead>
        <tr>
          <th>A</th>
          <th>B</th>
        </tr>
      </thead>
      <tbody>
        {data.map(item => (
          <tr key={item.id}>
            <td>
              <input
                type="text"
                value={item.A}
                onChange={(e) => handleCellChange(item.id, 'A', e.target.value)}
              />
            </td>
            <td>
              <input
                type="text"
                value={item.B}
                disabled={item.A === 'disable'}
                onChange={(e) => handleCellChange(item.id, 'B', e.target.value)}
              />
            </td>
          </tr>
        ))}
      </tbody>
    </table>
  );
};

export default App;