javascript - useState 没有在“useCallBack”下的反应中设置值

Question

我有一个由它控制的局部变量，useState应该在调用 useCallback 后设置。但是，调试后我没有看到info设置。在stackoverflow中寻找不同的解决方案。但仍然不知道如何解决它

import { useCallback, useState } from "react";
import "./styles.css";

export default function App() {
  const [info, setInfo] = useState<object>({});
  const handleOnClick = useCallback(() => {
    console.log(info);//{}
    setInfo({ name: "name1", address: "1234" });
    console.log(info);//{}
  }, [info]);
  return (
    <div className="App">
      <button onClick={handleOnClick}>Hello</button>
    </div>
  );
}

标签： javascriptreactjstypescriptreact-native