javascript - 如何在 `json` 单击上保存一些 `button` 数据(数组)，作为本地驱动器上的 `someName.json` 文件

Question

我有一组对象，我想将它们保存为本地驱动器上的 .json 文件，我该如何实现。

我知道我可以复制到剪贴板并粘贴。但我正在寻找将该数组保存为 .json

的解决方案

const arrayToCopy = ['somevalue', 3, 'anotherValue'];

<Button
  onClick={() => {
   this.exportAsJson();
  }}
>
 Export
</Button>

保存为json函数

exportAsJson = () => {

}

Answer 1

这里试试看

exportAsJson = () => {
  const str = JSON.stringify(arrayToCopy);
  const data = this.encode( str ); 
  const blob = new Blob( [ data ], {
    type: 'application/json'
  });

  const element = document.createElement("a");
  element.href = URL.createObjectURL(blob);
  element.download = "myFile.json";
  document.body.appendChild(element);
  element.click();
}