javascript - 无法在 reactJs 中设置 useState 值

Question

我有以下用 reactJs 和 nodeJs 编写的代码。我从数据库中获取数据并存储在数据变量中。但无法设置我的状态userData。数据变量在控制台上打印其数据，但在设置状态userData后打印未定义。

const callAboutPage = async () => {
    try {
      const res = await fetch("/about", {
        method: "GET",
        headers: {
          Accept: "application/json",           //cookie sa token backend me send krny k liye k wo json type accept kr la
          "Content-Type": "application/json"
        },
        credentials: "include"                // cookies ya token send krny hain to ye likhna hi pary ga ni to backend p data ni jana
      });

      const data = await res.json();
      console.log('data wala',data);
      
      setUserData(data); 
      console.log('userData wala',userData);

      if (!res.status === 200) {
        const error = new Error(res.error);
        throw error;
      }
    } catch (err) {
      console.log(err);
      history.push("/login");
    }
  };

  useEffect(() => {
    callAboutPage();
    // eslint-disable-next-line
  },[]);

这是我的组件的 图像 在此处输入图像描述

标签： javascriptnode.jsreactjsmongodbreact-hooks