Javascript 根据数组元素控制数组

我有这种状态，当我点击一个随机方块时，数组开始填充值

我想控制数组中的所有元素是否为空

state = {
        squares: Array(20).fill(null)
}

我这样做，当我开始点击方块时，我的控制台分别显示true和false。在我点击所有的方块后，它只显示true。然而，我只想看到false，直到我点击所有的方块

我试着用这个方法，但没用

const squares = this.state.squares.slice();
squares.forEach(square => square ? console.log(true) : console.log(false))
this.setState({ squares: squares })

及

如何获得此问题的解决方案？

使用或：

通过使用或：

for (let i = 0; i < squares.length; i++) {
     if (squares[i] !== null) {
          console.log(true)
     } else {
          console.log(false)
     }
}

 squares.forEach(square => square !== null ? console.log(true) : console.log(false))

if (squares.includes(null) === -1) {
    console.log(true)
}

console.log(squares.every(sq => sq !== null))
// or
console.log(!squares.some(sq => sq === null))