Reactjs:如何在加载材料表时使所有行复选框勾选为真？

import React, { useState } from 'react';

function MaterialTable() {
  const [isChecked, setIsChecked] = useState(false);

  // 加载材料表时，将所有行复选框设为选中
  const loadMaterialTable = () => {
    setIsChecked(true);
    // 加载材料表的逻辑代码
  };

  return (
    <div>
      <button onClick={loadMaterialTable}>加载材料表</button>
      <table>
        <thead>
          <tr>
            <th></th>
            <th>材料名称</th>
            <th>数量</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><input type="checkbox" checked={isChecked} /></td>
            <td>材料1</td>
            <td>10</td>
          </tr>
          <tr>
            <td><input type="checkbox" checked={isChecked} /></td>
            <td>材料2</td>
            <td>5</td>
          </tr>
          {/* 更多材料行 */}
        </tbody>
      </table>
    </div>
  );
}

export default MaterialTable;