useEffect TypeError：不可迭代

Question

我在這里用頭撞牆。 我想將選擇號碼添加到 playerOne 數組中。

  const [pick, setPick] = useState(1);
  const [playerOne, setPlayerOne] = useState([]);
  const [playerTurn, setPlayerTurn] = useState("X");

  useEffect(() => {
    setPlayerOne([...playerOne, ...pick]);
  }, [pick, playerOne]);

這是我得到的錯誤

TypeError: pick is not iterable
(anonymous function)
src/App.js:28
  25 | const [playerTurn, setPlayerTurn] = useState("X");
  26 | 
  27 | useEffect(() => {
> 28 |   setPlayerOne([...playerOne, ...pick]);
     | ^  29 | }, [pick, playerOne]);

我用過 .push() 並且給出了同樣的錯誤。

我在這里想念什么？

Answer 1

pick是數字。 不能傳播。 直接添加。

useEffect(() => {
    setPlayerOne([...playerOne, pick]);
  }, [pick, playerOne]);