当前位置: 首页 > 知识库问答 >
问题:

前端 - 是否可以保存数据到react组件的文件中,如果不能这样持久化组件的状态,请问是否还有其他的方法呢?

穆嘉
2023-07-01

想设计一个组件如下,data目录下想要存储一些react的状态。

image.png

代码如下:

import { Button } from 'antd'

function splitlLayout() {

  // 持久化数据
  function saveData() {

  }

  return (
    <>
      <div>splitlLayout</div>
      <Button onClick={saveData}>Save</Button>
    </>
  )
}

export default splitlLayout

我想要做到,点击按钮的时候,保存一些数据到data目录中的data.json中去。(持久化组件状态)

请问这个是否不能做到?在我理解中是不能做到的。

如果不能这样持久化组件的状态,请问是否还有其他的方法呢?
因为我觉得如果能把数据保存在react组件内,会更加解耦合,不会依赖数据库。

共有2个答案

邬飞捷
2023-07-01

直接写入硬盘不行,一般有以下方案:

  1. 利用 <a download> 把数据下载到本地
  2. File System Access API

我猜测你用第一种会比较可行。

昌乐
2023-07-01

你好像总是一上来就提问,都不动手查一下的
https://ffis.me/baidu/index.html?web%E6%95%B0%E6%8D%AE%E6%8C%...

 类似资料:
  • 各位老师大家好,请问一下是否有开源的的这样的react UI组件呢? 我这边查看antd 里面没有这样的组件:

  • 本文向大家介绍ES6 set数组可以去重吗,是否还有其他数组去重的方法?相关面试题,主要包含被问及ES6 set数组可以去重吗,是否还有其他数组去重的方法?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 可以去重 方法一:indexOf循环去重 方 法二:Object 键值对去重;把数组的值存成 Object 的 key 值,比如 Object[value1] = true,在判断另一个值

  • 在React项目中, 我有一个项目A(函数式组件开发), 1、请问是否可以再在A里面创建一个组件B(使用类组件),然后也就是说类组件在函数式组件项目中被调用? 2、如果不能混用,请问是否可以将B组件给什么参数进行打包,然后再项目A进行引入使用? 3、由于B是一个类组件,我在A项目中有一个函数式组件C,想要继承自B,是否可以呢?

  • 问题内容: 我的Android手机上有一个数据库,我需要将信息保存到SD卡上。 是否可以将数据库文件以可读状态保存到SD卡上?我尚未找到有关如何执行此操作的任何信息。我知道数据库的名称,字段等… 我发现了一些示例,这些示例显示了如何保存到SD卡,但并不是我真正需要的。 将数据库文件复制到SD卡的某些源代码将是完美的。 希望这个问题很清楚。 问题答案: 是。这是我使用的功能: 对于我从事的项目,我在

  • 我是个新来的土生土长的人。我有一个屏幕,它将根据其当前状态进行渲染,如下所示。默认情况下(初始状态),它将呈现登录屏幕。App.js 当下面的登录成功后,我需要将组件应用程序的状态从“初始”更改为“已登录”。我怎么做呢?这里的登录函数仅用于测试目的,所以不必太在意它。LoginBox.js

  • 以上内容将注销,此: 我只是想知道我是否可以替换mysite。本地主机。具有文件夹路径的com。我甚至尝试用文件夹的完整路径替换URL,但是只能在上工作。是否有将文件保存到文件夹的功能?