如何在多个数据表中取消默认(没有数据行时) selectableRows中的复选框？

import React from 'react';

class DataTable extends React.Component {
  render() {
    const { data } = this.props;

    return (
      <table>
        <thead>
          <tr>
            {data.length > 0 && <th>Select</th>}
            <th>Column 1</th>
            <th>Column 2</th>
            {/* 其他表头列 */}
          </tr>
        </thead>
        <tbody>
          {data.map((row, index) => (
            <tr key={index}>
              {data.length > 0 && <td><input type="checkbox" /></td>}
              <td>{row.column1}</td>
              <td>{row.column2}</td>
              {/* 其他数据列 */}
            </tr>
          ))}
        </tbody>
      </table>
    );
  }
}

export default DataTable;