使用reactjs的文件夹选择器

我需要在Reactjs中创建一个组件，让用户从他的系统中选择一个目录。我试着用

输入name=“myFile”type=“file”

它允许用户选择文件。

---

是否要上载该文件

如果您的目标是您可以简单地使用他们已经编写的任何第三方组件

对于文件，可以执行以下操作：

<input type="file" onChange={ (event) => this.handleChange(event.target.files) } />

handleChange(selected: FileList)
    {
        console.log(selected);
    }

this.handleChange（event.target.files）}/>
handleChange（选定：文件列表）
{
console.log（选中）；
}

您可以为此

npm i路径使用包

默认情况下，此包安装在节点项目中，用于读取文件扩展名、文件基名，我们还可以使用此包查找父目录名（您要求的）以及我们可以执行的更多操作

您也可以在react中安装它来读取目录名或

但您必须提供文件路径

---

此外，请检查Ant design bootstrap以轻松访问文件路径您可以在

onChange

功能中获取路径。

否我不想上载文件…我想选择可以保存文件的文件夹您是否尝试将“webkitdirectory”属性添加到输入中？这样地。尝试…它上载文件夹中的所有文件…这不是我需要的