如何在reactJS中通过在循环中重复某个元件特定次数来创建2D网格？

import React from 'react';

function Grid() {
  const rows = 5; // 网格的行数
  const cols = 5; // 网格的列数

  // 创建一个二维数组，表示网格
  const grid = Array(rows).fill().map(() => Array(cols).fill());

  return (
    <div>
      {grid.map((row, rowIndex) => (
        <div key={rowIndex} className="row">
          {row.map((col, colIndex) => (
            <div key={colIndex} className="col">
              {/* 在这里可以放置你想要重复的元件 */}
              {/* 例如：<Cell /> */}
            </div>
          ))}
        </div>
      ))}
    </div>
  );
}

export default Grid;