javascript - 让用户下载数据不起作用 - 文件保护程序不起作用？

Question

我试图让我的用户通过反应按钮下载数据。

我试过使用文件保护程序，如下例所示。

const saveFile = () => {
fileSaver.saveAs(
  process.env.REACT_APP_CLIENT_URL + "/resources/cv.pdf",
  "MyCV.pdf"
); };

<button className="cv" onClick={saveFile}>
    Download File
</button>

在我的应用程序中，我有存储在客户端中的 json 数据，我想作为 json 对象返回，组件看起来像这样

export default function Analytics() {
  const {
    magicData,
    swordData,

    ....
  } = useAnalytics();
  // console.log(sentimentData)
  return (
    <div className="relative">
      ......
        <button className="shadow-md fixed right-20 bottom-20 z-10 focus:outline-none focus:ring-4 focus:ring-blue-500 focus:ring-opacity-50 rounded-full px-5 text-white py-2 bg-blue-500"
        
        >
          Export Data <BiEdit className="inline" />
        </button>
    </div>
  );
}

我将如何获取魔法和剑数据并将其以 JSON 文件的形式返回给用户？我找不到关于获取客户端数据或获取数据的明确说明。

标签： javascriptreactjsfilesaver.js