如何使用 API 数据更新反应组件

Question

我有一个组件试图显示一组任务，为此它从 redux 获取他需要显示的所有任务。

但是一旦组件被加载，组件应该在后端检查其中一些任务是否实际完成（重点是自动检查，尽可能避免手动检查）。为了实现这一点，组件：

• 从一组 API 端点加载数据（目前我正在从 componentDidMount 执行此操作）
• 向用户显示数据
• 然后尝试查看显示的每个任务是否有更新
• 如果有更新且任务已完成，则发送 API 请求以将任务标记为已完成并在此之后更新组件

在结构方面我不知道事情应该去哪里，尤其是任务更新部分。

欢迎提出任何建议！

Answer 1

为什么要将任务存储在 redux 中，使用属性 isFinishshed 存储所有任务对您来说更容易，并且您将拥有您的任务并且您会知道它们是否已完成。如果您可以在您的应用程序中将任务标记为已完成，您将调用 put 或 post API，然后您将再次调用任务的 get API。（或者您将在您的 put/post 中得到它们的响应）。