Javascript 两个循环？

是否可以在一个组件中使用2个（或更多）循环？ 当我使用一张地图时：

<div className="board">
    {Array(height).fill(1).map((elh, h) =>
        <Field key={h}/>
    )}
</div>

{数组（高度）.fill（1）.map（（elh，h）=>
)}

它显示Property字段10次，但当我在该循环中写入循环时：

<div className="board">
    {Array(height).fill(1).map((elh, h) =>
      {Array(width).fill(1).map((elw, w) =>
        <Field key={h}/>
      )}
    )}
</div>

{数组（高度）.fill（1）.map（（elh，h）=>
{数组（宽度）.fill（1）.map（（elw，w）=>
)}
)}

它不显示任何内容（没有错误）：(

---

请帮助。我对reactjs的理解是初学者

你使用了额外的

{}

删除它，当你想做一些计算时，

{}

是必需的，这里你只想

返回
内部
映射的结果
，那里不需要
{}
。你需要这样写：

<div className="board">
    {
        Array(height).fill(1).map((elh, h) => (
            Array(width).fill(1).map((elw, w) => <Field key={h}/> )
        ))
    }
</div>

<div className="board">
    {
        Array(height).fill(1).map((elh, h) => {
            return Array(width).fill(1).map((elw, w) => <Field key={h}/> )
        })
    }
</div>

您使用了额外的
{}
删除了，当您想做一些计算时，
{}
是必需的，这里您只想
返回
内部
映射的结果
，那里不需要
{}
。您需要这样编写：

<div className="board">
    {
        Array(height).fill(1).map((elh, h) => (
            Array(width).fill(1).map((elw, w) => <Field key={h}/> )
        ))
    }
</div>

<div className="board">
    {
        Array(height).fill(1).map((elh, h) => {
            return Array(width).fill(1).map((elw, w) => <Field key={h}/> )
        })
    }
</div>

使用回程桩

{Array(height).fill(1).map((elh, h) =>
      { return {Array(width).fill(1).map((elw, w) =>
                  <Field key={h}/>
                 )
              }
       }
    )}

使用回程桩

{Array(height).fill(1).map((elh, h) =>
      { return {Array(width).fill(1).map((elw, w) =>
                  <Field key={h}/>
                 )
              }
       }
    )}

拆下额外的支架

<div className="board">
    {   Array(height).fill(1).map((elh, h) =>
            Array(width).fill(1).map((elw, w) => <Field key={h}/> )
        ))
    }
</div>


{数组（高度）.fill（1）.map（（elh，h）=>
数组（宽度）.fill（1）.map（（elw，w）=>）
))
}

在jsx中，当您写出要计算的区域时，使用大括号{}。你不会嵌套花括号，因为你已经在一个小组中进行评估。aka您只需要一个花括号组进行javascript评估
删除额外的括号

<div className="board">
    {   Array(height).fill(1).map((elh, h) =>
            Array(width).fill(1).map((elw, w) => <Field key={h}/> )
        ))
    }
</div>


{数组（高度）.fill（1）.map（（elh，h）=>
数组（宽度）.fill（1）.map（（elw，w）=>）
))
}

在jsx中，当您写出要计算的区域时，使用大括号{}。你不会嵌套花括号，因为你已经在一个小组中进行评估。aka您只需要一个花括号组进行javascript评估
Array（height）。填充（1）
此返回值是什么？@aug it使用height size创建数组并填充“1”
Array（height）。填充（1）
此返回值是什么？@aug it使用height size创建数组并填充“1”哇；）它正在工作。。。非常感谢：）顺便问一句。你推荐任何reactJS课程吗？：）查看文档，它非常棒，而且涵盖了从基础到所有内容：当我之前写回答时，它不是“15分钟，所以我做不到；”还可以查看本教程，它将帮助您：哇；）它正在工作。。。非常感谢：）顺便问一句。你推荐任何reactJS课程吗？：）查看文档，它非常棒，而且涵盖了从基础到所有内容：当我之前写回答时，它不是“15分钟，所以我做不到；”同时查看本教程，它将帮助您：我在以下Youtube教程中玩得很开心。帮助了我很多，因为这很容易，从草稿开始，我在下面的Youtube教程中玩得很开心。帮助了我很多，因为这很容易，从头开始