Question

以下是我的代码

function returnEmptyTd(num) {
        for(var i=0; i <= num; i++) {
            console.log(i);
            return(
                <td class="empty"></td>
            )
        }
    }

如果num为2，我将获得两个空的td返回。如果num为5，我将获得五个空的td返回。

但是我只能用这个代码获得一个，即使我将5传递给num。

如何解决？

Answer 1

return表示返回，结束功能。

我猜您使用的是React，并希望根据给定的<td>呈现一些num

在React中，您可以为此目的返回一个数组：

var result = []
for(var i=0; i <= num; i++) {
    console.log(i);
    result.push(<td key={i} className="empty"></td>);
}
return result;

Answer 2

您可以使用类似下面的数组而不是返回。

function returnEmptyTd(num) {
  var tds = [];
  for(var i=0; i <= num; i++) {
   
    tds.push('<td class="empty"></td>')
  }
  return tds;
 }
 
 var tds = returnEmptyTd(3);
 console.log(tds);

如何根据参数返回相同的值

2 个答案: