在控制台日志中第一次單擊時，react js useState 數組為空

Question

請檢查我下面的代碼。 我嘗試檢查控制台日志值，但在第一次單擊按鈕時，數組為空。 第二次單擊后，陣列將正確加載。

請檢查這個：

樣本

上面的示例可以在谷歌上找到。 我控制台記錄的值如下

為什么第一次點擊數組為空？ 另一個問題是，我需要在第一次點擊時打印值。 我該怎么做？ 你知道任何替代方法嗎？

Answer 1

第一次點擊時它不是空的，但你可以這樣處理：

const addItem = () => {
    setItem([
      ...items,
      {
        id: items.length,
        value: Math.floor(Math.random() * 10) + 1
      }
    ]);
  };

  React.useEffect(() => {
    console.log(items);
  }, [items]);

useEffect 鈎子將在更改后控制台日志項，因此您將看到最新狀態，或者換句話說，更新狀態和最終狀態。