小编chy*_*ski的帖子

React 渲染中的嵌套 for 循环

该网站告诉我有很多类似的问题,但我只是找不到我正在寻找的答案。我相信这对于反应专业人士来说应该是一件容易的事,因为我是一名初学者。

我在函数中有这段代码render

return (
  
  <div>
    <div className="board-row">
      {this.renderSquare(0)}
      {this.renderSquare(1)}
      {this.renderSquare(2)}
    </div>
    <div className="board-row">
      {this.renderSquare(3)}
      {this.renderSquare(4)}
      {this.renderSquare(5)}
    </div>
    <div className="board-row">
      {this.renderSquare(6)}
      {this.renderSquare(7)}
      {this.renderSquare(8)}
    </div>
  </div>
);  
Run Code Online (Sandbox Code Playgroud)

我想使用两个嵌套循环重写它,我能想到的就是这个(不起作用,我尝试纠正错误,但这只会给我带来新的错误):

return (
  <div>
   {for (let j = 0; j < 3; j++) {
      <div className="board-row">
       {for (let k = 0; k < 3; k++) {
         {this.renderSquare((j*3) + k)}
       }}
      </div>
   }}
  </div>
Run Code Online (Sandbox Code Playgroud)

);

我如何重写这段代码?

javascript nested-loops reactjs

-1
推荐指数
1
解决办法
631
查看次数

标签 统计

javascript ×1

nested-loops ×1

reactjs ×1