admin管理员组

文章数量:814791

在React应用程序中安装Node fs模块或以其他方式创建目录列表?

我正在React中构建一个JSON编辑器,并且如果我想创建目录列表,看起来Node fs模块是必经之路。

我感觉很傻,但是我不知道如何在应用程序中安装fs。我是否需要在应用程序内部安装整个Node.js才能使用“ fs”模块?是否有一个独立的“ fs”库执行相同的操作?

这是我要使用的代码。我尝试了yarn add fs,对得到rs.readdir is not a function并不感到惊讶。

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

fs.readdir(testFolder, (err, files) => {
  files.forEach(file => {
    console.log(file);
  });
});
回答如下:

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

浏览器不提供对用户文件系统的访问(除非以非常有限的方式,例如通过<input type="file">)。您无法从网页上显示正在运行浏览器的系统的目录列表。

如果要显示服务器文件系统的目录列表,请编写一个Web服务并通过Ajax与之交互。

((或者如果需要独立的应用程序而不是Web应用程序,请使用类似Electron的东西。

本文标签: 在React应用程序中安装Node fs模块或以其他方式创建目录列表