使用 Reactjs 时如何将数据写入 JSON 文件

Posted

技术标签:

【中文标题】使用 Reactjs 时如何将数据写入 JSON 文件【英文标题】:How to write data to JSON file while using Reactjs 【发布时间】:2017-12-11 12:32:12 【问题描述】:

或者实际上问题应该是

如何使用 Reactjs 和 Nodejs 将数据写入 JSON 文件

我是第一个反应的,不知道我应该使用哪个数据库。

PS。使用

可以轻松读取 json 文件

var data = require('./data.json');

但要写入数据,我尝试使用 npm 'jsonfile' 包,并且都尝试使用 Nodejs 并得到了这个错误

TypeError: fs.writeFileSync is not a function

【问题讨论】:

能否包含完整的代码? 如果你试图直接从你的前端 React 应用访问你的文件系统/数据库,那是行不通的。您需要通过 HTTP 与服务器通信,然后让服务器执行与文件/数据库交互的工作。 【参考方案1】:

我今天确实在寻找答案。我正在使用 React,所以它对你来说应该是相似的。我想我明白了。

我发现你必须做两件事。

    在代码文件的顶部导入 Json 文件

    从 ./data.json 导入数据

    声明一个变量,传递导入语句中指定的变量的名称(在本例中为数据)

    const data = require('./data.json');

现在调用 data 应该允许您使用文件的数据

希望这会有所帮助:D

【讨论】:

以上是关于使用 Reactjs 时如何将数据写入 JSON 文件的主要内容,如果未能解决你的问题,请参考以下文章

ReactJS - 从 URL 获取 json 对象数据

reactjs中如何使用json在表格中显示数据?

如何使用 json-server 部署 reactJS 应用程序

如何将 json 服务器与 reactjs 一起使用?

如何使用 PHP 安全地将 JSON 数据写入文件

如何在 ReactJS 中循环来自外部文件的 JSON 数据?