我如何在React JS项目中读取在一段时间间隔后不断更新的json文件

Question

我有一个sample_data.json（此json文件位于我的本地HDD中）文件，可以从我的React JS项目中读取。

现在的问题是，如果我更改了sample_data.json文件的数据，该如何在项目中获取更新的数据？

我已经使用 setInterval 方法以5秒的间隔读取json文件。但是它无法读取修改后的json文件。

this.timer = setInterval(()=> this.beginSampleData(), 5000);

Answer 1

如果您将JSON作为文件导入到React Project中，则在您重建项目之前（或启用了热重加载器-但在生产应用程序中不需要此功能时），JSON才更新。如果您想即时加载文件，则需要创建一个nodejs服务器，创建一个读取文件的API（请参见Proper way to return JSON using node or Express的更多详细信息），然后从react应用中从该端点获取文件。而不是直接文件。