React useState 在第一次点击时不更新

Question

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

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

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

第一次单击时控制台日志始终返回“0”，而不是预期的“1”。我该如何解决？

Answer 1

由于状态更新是异步的，您可能会通过将构建添加到 useEffect 依赖项来看到状态值更新，从而使其在构建值发生变化时触发。

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

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

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