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

Question

这个问题在这里已经有了答案:

The useState set method is not reflecting a change immediately (16 个答案)

Why does calling react setState method not mutate the state immediately? (9 个回答)

关闭 去年。

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

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

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

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

Answer 1

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

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

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

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