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

Question

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

代码如下：

import { Button } from 'antd'

function splitlLayout() {

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

  }

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

export default splitlLayout

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

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

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

Answer 1

直接写入硬盘不行，一般有以下方案：

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

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

Answer 2

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