在js react的嵌套中未初始化的变量

Question

我试图创建40单元格与反应，每个应该有不同的标题。例如a0…a、b、b……b9等等。这是我的代码

const mapItems = () => {
let playerId = ["a", "b", "c", "d"];
let cellId;
let l, j;
for (j = 0; j < 4; j++) {
for (l = 0; l < 10; l++) {
cellId = playerId[j].concat(l);
return (
<Cell title={cellId} className={"column"}>
{returnItemsForCell(cellId)}
</Cell>
)
}
}
}

由于某种原因，我得到一个错误，一个变量没有初始化，只有一个嵌套的For循环。
有什么好主意吗?提前感谢

Answer 1

如果有人遇到同样的问题，这就是解决方案。

const mapItems = () => {
let playerId = ["a", "b", "c", "d"];
let cellId;
let cellsList = [];
for (let j = 0; j < 4; j++) {
for (let l = 0; l < 10; l++) {
cellId = playerId[j].concat(l);
cellsList.push(
<Cell title={cellId} className={"column"}>
{returnItemsForCell(cellId)}
</Cell>
)
}
}
return cellsList;

返回值跳出循环。