Javascript 使用ReactJS存储和编辑数据

我正在使用ReactJS构建一个应用程序。我试图找出如何存储数据和编辑数据。我试着用“fs”和“browserify fs”将它存储在我的电脑上，但没用。

---

我应该使用express，还是有其他选择？

如果您使用React，则是在浏览器中操作。您的存储选项在本地存储中。这是可以解释的

代码示例如下：

// setter
localStorage.setItem('myData', data);
// getter
localStorage.getItem('myData');
// remove
localStorage.removeItem('myData');
// remove all
localStorage.clear();

注意：这存储在浏览器中，可以轻松清除。您将认识到您需要一个后端解决方案。这是一个您可以向其发送请求的服务器，它有一个API（您向其发送请求的位置），该API执行某种形式的操作（通常是CRUD-通过REST端点或GRAPHQL创建读取更新删除），以向您提供从数据库（MySQL、Postgres、MongoDB）请求的数据。这是一个完全不同的讨论

要在本地存储器中存储数组，需要通过

JSON.stringify将其设置为字符串。例如：

localStorage.setItem("array", JSON.stringify(array));

在Chrome的开发者工具中，您可以进入应用程序->存储->本地存储，查看保存的内容。以下是一个例子：

如果您想在多个客户端上共享数据，您应该使用服务器端解决方案，或者如果您只想为一个客户端保存数据，您可以使用提供的

创建自己的web服务器
您需要创建web服务器和数据库来存储数据。数据库用于存储数据。您可以使用：MySQL、PostgreSQL、SQLite3、MongoDB。。。您还需要创建web服务来进行安全的数据库调用


要创建web服务器，可以使用Express.js轻松编写web服务器

无头内容管理系统（缩写：CMS）
如果您不想花时间创建自己的web服务器，您可以安装无头CMS，使用CMS提供的api端点读取/写入数据。以下是无头CMS软件列表：。我试过了，它有很多你可能需要的功能

以下是strapi的一些功能：


开源
模型生成器
可扩展（插件支持）
内容编辑器（例如：编辑文章）
还有更多

火基
如果你不想花时间在服务器上安装CMS软件并定期维护，你可以使用。它的功能也很丰富。以下是Firebase支持的一些功能


数据库（用于存储数据）
身份验证（对用户进行身份验证）
存储（用于存储文件）
函数（写入）
机器学习
还有更多
React是一个前端库（即在浏览器中运行），因此无法访问文件系统。如果你想让你的应用程序访问本地文件，你需要将其连接到后端（例如express服务器），该服务器将是处理文件的服务器。还要研究一下前端和后端之间的区别。你想存储什么样的数据？我想存储一些字符串和整数数组。你尝试过本地存储吗？它在前端即浏览器中可用。