@adu-packages/file-browser 中文文档教程
File Browser
这个库是用户可以查看、拖放目录中的任何项目。 项目是文件夹或文件。
Get started
TMI
当您和我的项目逻辑重叠时，我不想因为我的系统而产生任何错误。 所以，我提前告诉我用什么。
当用户拖动文件夹或文件等对象时，被拖动的项目将执行以下命令。 将数据发送到可放置字段的原因是他们需要知道谁进入了该字段。
onDragStart: (event: React.DragEvent<HTMLDivElement>) => {
event.dataTransfer.setData('parent_uuid', currentNode.parent?.uuid || '');
event.dataTransfer.setData(
'type',
currentNode.type === NodeType.File ? 'File' : 'Folder'
);
event.dataTransfer.setData('uuid', currentNode.uuid);
event.dataTransfer.setData('name', currentNode.name);
};
File Browser
This library is that user can view, drag and drop any item in the directory. The items is folder or file.
Get started
TMI
I don't want to generate any errors because of my systems when your and my project was overlapping the logic. So, I tell in advance about what I use.
When user is dragging object like folder or file, the dragged item will execute the below commands. The reason why send the data into droppable field is that they need to know who are come in the field.
onDragStart: (event: React.DragEvent<HTMLDivElement>) => {
event.dataTransfer.setData('parent_uuid', currentNode.parent?.uuid || '');
event.dataTransfer.setData(
'type',
currentNode.type === NodeType.File ? 'File' : 'Folder'
);
event.dataTransfer.setData('uuid', currentNode.uuid);
event.dataTransfer.setData('name', currentNode.name);
};
