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

想设计一个组件如下,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.5k
2 个回答

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

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

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

推荐问题
logo
Microsoft
子站问答
访问
宣传栏