如何每分钟获取 API 数据并使用 React 将其存储到文件中？答案

【问题标题】：How to fetch API data every minute and store it into a file with React?如何每分钟获取 API 数据并使用 React 将其存储到文件中？
【发布时间】：2021-10-14 18:29:03
【问题描述】：

我正在使用 React 并从一个 API 获取数据，该 API 的调用限制为每分钟 50 次，而我的应用在加载显示该数据的页面时消耗了大部分数据，因为它被组织在一个表格中，并且每一行都是一个对 API 的 HTTP 请求（见屏幕截图）。

显然问题在于，当用户在 1 分钟内刷新时，大部分数据都没有加载，并且控制台中充斥着 cors 错误。

我想编写一个 node.js 脚本，它每 1 分钟获取一次数据并将其写入一个文件，这样前端就可以毫无问题地使用它，但是如果不编写后端脚本我该怎么做呢？

如何将每分钟写入文件以存储获取的 API 数据，而不会出现每次用户刷新页面时 1 分钟计时器重置的问题？

【问题讨论】：

标签： reactjs api fetch

【解决方案1】：

对于这个问题，您可以使用 useInterval 钩子并给它时间在指定的持续时间内重复获取操作。您可以在下面的链接中找到钩子。

https://overreacted.io/making-setinterval-declarative-with-react-hooks/

【讨论】：

这很好，但问题是即使使用 useInterval 并将 API 数据写入 json 文件，如果用户在 60 秒内刷新页面，setInterval 将从零重新开始，它会尝试再次重写为 json 但它不会写任何东西，因为 60 秒还没有过去，API 返回 cors 错误。