UseEffect 和 UseState Hooks 对后端的 API 请求加倍，导致整数加倍

Question

`我正在开发的测验有问题，我在每场比赛结束时记录分数计数。游戏结束时，我将发送 PUT 请求以更新数据库中的总得分。

潜在的问题是：我向我的数据库发送了双重请求，或者将我所在州的分数计数加倍。结果，我数据库中的总分值翻了一番。

这是我的前端发出的 PUT 请求的示例。我在那里将我的得分值发送到我的用户表。

这是我的控制器文件的示例。 put 请求背后的逻辑是更新我的用户表中的分数。

这是我的用户表端点。 updateScore 是我使用的端点。

这是我在控制台中尝试在控制器中记录我的总得分时在控制台中看到的内容

我尝试在用户每次点击游戏时重置状态。我尝试将我的分数值存储在 redux 存储中，但这没有帮助。`

Answer 1

您的问题将出现在带有 useEffect() 的 React 应用程序的前端。我认为它被触发了两次。检查这里的最佳答案：React Hooks：即使使用空数组作为参数，useEffect()也会被调用两次