React useEffect 使用 axios 获取数据后返回空数组

我试图从我创建的 api 中获取我的数据，但它总是返回一个空数组。

这是我的代码

const [orders, setOrders] = useState([]);

  const getOrders = async () => {
    try {
      const access_token = localStorage.getItem("access_token");
      let result = await axios({
        method: "GET",
        url: "http://localhost:3000/orders/open",
        headers: {
          access_token,
        },
      });
      setOrders(result.data);

      console.log(result.data);
      console.log(orders);
    } catch (err) {
      console.log(err);
    }
  };

  useEffect(() => {
    getOrders();
  }, []);

这是我的浏览器的控制台结果

如您所见，result.data 成功返回了其中的 2 个对象，但是在我使用 setOrders(result.data) 在订单状态上添加它之后，订单仍然是空的。

我也在 Postman 上测试了 API，完全没有问题。

我一直在用 axios 这种方式获取数据，这是我第一次遇到这个问题。