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]);