小编jas*_*234的帖子

我正在使用 ANT Design 中的复选框，这是复选框的默认大小。

现在，我想增加复选框的大小，因此我更改了宽度和高度，现在我的复选框如下所示：

如何更改刻度线的大小？这是我的CSS：

.ant-checkbox-checked .ant-checkbox-inner{
    background-color: #008000;
    width: 30px;
    height: 30px;

}   

我想将 4 个“hi”存储在一个数组中。代替：

strArr.push('hi');
strArr.push('hi');
strArr.push('hi');
strArr.push('hi');

我这样做了：

for(let i = 0; i<4; i++){
   setStrArr([...strArr, "hi"])
}

但是，我收到此错误：错误：重新渲染次数过多。React限制渲染次数以防止无限循环

我不知道出了什么问题，我想知道当 i=3 时它是否没有达到。所以我做了检查：

for(let i = 0; i<4; i++){
   setStrArr([...strArr, "hi"])
   if(i==3){
      console.log("done")
   }
}

‘i’的值确实达到了3，但是为什么我的代码又运行了？

这是我的代码：

function MyApp(){
  const [strArr, setStrArr] = useState([]);
  for(let i = 0; i<4; i++){
       setStrArr([...strArr, "hi"])
       if(i==3){
          console.log("done")
       }
    }      
  return(
    <div>
    </div>
  )
}