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

想设计一个组件如下，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组件内，会更加解耦合，不会依赖数据库。