Reactjs React应用程序-在没有服务器的情况下上传JSON文件并将其读入变量？

我正在React中构建一个JSON编辑器，现在我只是从服务器上的静态文件夹中获取一个JSON文件，并将其粘贴到一个变量中。我希望能够使用文件输入，选择任何json文件并将其读入变量

这在没有服务器的情况下是可能的吗

---

也就是说，我也尝试过使用Express/Cors服务器，但它有点超出了我的驾驶室，我不确定如何在该编辑器所在的生产域上安装/运行它

有一个file类型的输入，维护一个状态，并在一次更改时更新状态

代码片段

从React导入React，{useState}； 导出函数上载{children}{ const[files，setFiles]=useState； 常量handleChange=e=>{ const fileReader=新文件读取器； fileReader.readastext.target.files[0]，UTF-8； fileReader.onload=e=>{ console.loge.target.result，e.target.result； setFilese.target.result； }; }; 回来 上传Json文件-示例 {上载的文件内容-+文件} ; }

---

有一个文件类型的输入，维护一个状态，并在一次更改时更新状态

代码片段

从React导入React，{useState}； 导出函数上载{children}{ const[files，setFiles]=useState； 常量handleChange=e=>{ const fileReader=新文件读取器； fileReader.readastext.target.files[0]，UTF-8； fileReader.onload=e=>{ console.loge.target.result，e.target.result； setFilese.target.result； }; }; 回来 上传Json文件-示例 {上载的文件内容-+文件} ; } 对退房您可以让用户选择文件并在浏览器上读取其内容。是。退房您可以让用户选择文件并在浏览器上读取其内容。