无法获取使用状态的更新

Question

我正在尝试使用从Contentful获取的产品来更新状态，但是它们不会立即更新。

我在useEffect内调用getProducts（）：

 useEffect(() => {
    getProducts(products, setProducts);
  }, []);

然后在我的getProducts（）函数中，我从Contentful获取数据，将其设置为状态（产品），然后将该相同状态保存到localStorage。

export async function getProducts(products, setProducts) {
  try {
    let contentful = await client.getEntries("products");

    setProducts(contentful.items);
    saveProducts(products);

  } catch (error) {
    console.log(error);
  }
}

问题在于，当我将其保存到localStorage时，会得到一个空数组。

我不知道我使用useEffect是否有错，但是如果有人可以帮助我，我将感到非常高兴。