React useState在第一次点击时不更新[重复]

Question

为什么第一次点击时状态没有改变？

const [building, setBuilding] = useState(0);

<Button 
     title="tester"
          onPress={() => {
            setBuilding(1);
            console.log(Building);
          }}/>

控制台日志总是在第一次单击时返回“0”，而不是预期的“1”。我该怎么解决这个问题？

Answer 1

由于状态更新是异步的，您可能会看到您的状态值通过将构建添加到使用效果依赖项而更新，因此每当构建值更改时，它都会触发。

const [building, setBuilding] = useState(0);

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

  return (
    <button
      title="tester"
      onClick={() => {
        setBuilding(1);
      }}
    >
      test
    </button>
  );