Javascript 管理及；使用Redux Persist更新状态&；在后台获取新数据？

我有一个组件，它发出API请求，获取一些数据。然后将数据放入一个子组件，该子组件将数据放入redux：

伪代码：

let data = await apiRequestHere(); //some graphql query, using graphql-request

return (
  <div>
    <MyReduxComponent data={data} /> //inside here, data is processed and put into redux state
  </div>
);

let data=wait apiRequestHere（）//一些graphql查询，使用graphql请求
返回(
//在这里，数据被处理并进入redux状态
);

当API请求运行时，我显示了一个微调器

Redux持久化 刚刚实现的redux持久化。但是，现在设置所有内容的方式是，在任何情况下都会发出API请求，并且每次都会显示微调器，因此即使使用redux persist，它也会等待数据从服务器返回，这使得使用redux persist毫无意义

如何正确实现redux persist，并确保如果redux persist中有数据，则使用该数据，在后台发出API请求，如果有任何更改，则更新。不想每次都阻止我的整个应用程序

---

我在这里的设置出错了吗？

您使用的是功能组件还是类组件？您问题中的代码不是惯用的React/Redux，API请求的正确位置取决于组件的类型（类/函数）。这只是一些伪代码。我相信，在我的功能组件中，api调用实际上是在

useffect

中。但这并不重要。我不明白的是如何使用API调用并将它们与redux persist结合起来，即，首先显示持久化的内容&如果有持久化的内容，则在后台进行API调用，否则显示微调器。