Javascript 在react应用程序中安装节点fs模块还是创建目录列表?

Javascript 在react应用程序中安装节点fs模块还是创建目录列表?,javascript,node.js,reactjs,Javascript,Node.js,Reactjs,我正在React中构建一个JSON编辑器,如果我想创建一个目录列表,那么Node fs模块就是一个不错的选择 我觉得自己很笨,但我不知道如何在应用程序中安装fs。我是否需要在应用程序中安装整个Node.js才能使用“fs”模块?是否有一个独立的“fs”库可以做同样的事情 这是我想使用的代码。我尝试了artin add fs,得到rs并不奇怪。readdir不是一个函数 const testFolder = "/"; const fs = require("fs"); fs.readdir(te

我正在React中构建一个JSON编辑器,如果我想创建一个目录列表,那么Node fs模块就是一个不错的选择

我觉得自己很笨,但我不知道如何在应用程序中安装fs。我是否需要在应用程序中安装整个Node.js才能使用“fs”模块?是否有一个独立的“fs”库可以做同样的事情

这是我想使用的代码。我尝试了
artin add fs
,得到
rs并不奇怪。readdir不是一个函数

const testFolder = "/";
const fs = require("fs");

fs.readdir(testFolder, (err, files) => {
  files.forEach(file => {
    console.log(file);
  });
});

React在浏览器中运行。Node.js
fs
模块无法在浏览器中运行

浏览器不提供对用户文件系统的访问(除非通过非常有限的方式,例如通过
)。您不能从网页显示运行浏览器的系统的目录列表

如果您想显示服务器文件系统的目录列表,那么就编写一个web服务并通过Ajax与之交互

(如果你想要一个独立的应用程序而不是web应用程序,也可以使用类似于Electron的东西)。

当你说“应用程序”时,是指web应用程序吗?与中一样,它在浏览器中运行?如果是这样,则根本无法与文件系统交互(除了
input type=“file”
和一些有限的拖放操作)。