Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何应用拖放功能(从本地文件浏览器到chonky文件浏览器)?-Typescript,React,Chonky.io_Javascript_Reactjs_Typescript - Fatal编程技术网

Javascript 如何应用拖放功能(从本地文件浏览器到chonky文件浏览器)?-Typescript,React,Chonky.io

Javascript 如何应用拖放功能(从本地文件浏览器到chonky文件浏览器)?-Typescript,React,Chonky.io,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,谁能告诉我如何正确应用拖放功能(从本地文件浏览器到chonky文件浏览器)。我正在Chonky.io库中使用React-Typescript import React, { useMemo, useState } from 'react'; import { FileBrowser, FileContextMenu, FileList, FileNavbar, FileToolbar, } from 'chonky'; import { HTML5Backend } from

谁能告诉我如何正确应用拖放功能(从本地文件浏览器到chonky文件浏览器)。我正在Chonky.io库中使用React-Typescript

import React, { useMemo, useState } from 'react';
import {
  FileBrowser,
  FileContextMenu,
  FileList,
  FileNavbar,
  FileToolbar,
} from 'chonky';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { DndProvider } from 'react-dnd';

const FileBrowser = ({
  darkMode = false,
  i18n = 'defaultLocale',
  disableDragAndDrop = true,
}: IFileRepositoryProps) => {
 return <DndProvider backend={HTML5Backend}>
            <FileBrowser
              files={files}
              folderChain={folderChain}
              darkMode={darkMode}
              i18n={i18n}
              disableDefaultFileActions={true} //to remove default file actions and replace with customized ones
              fileActions={fileActions}
              onFileAction={handleFileCallback}
              iconComponent={customChonkyIcon}
              disableDragAndDrop={disableDragAndDrop}
            >
              <ThemeProvider theme={overrideStyles}>
                <FileNavbar />
                <FileToolbar />
                <FileList />
                <FileContextMenu />
              </ThemeProvider>
            </FileBrowser>
          </DndProvider>
}
import React,{usemo,useState}来自“React”;
进口{
文件浏览器,
FileContextMenu,
文件列表,
文件导航栏,
文件工具栏,
}来自“chonky”;
从'react-dnd-html5-backend'导入{HTML5Backend};
从'react dnd'导入{DndProvider};
常量文件浏览器=({
暗模式=假,
i18n='defaultLocale',
disableDragAndDrop=true,
}:IFileRepositoryProps)=>{
返回
}

这是我提出的代码的一部分,但是现在chonky文件浏览器中的拖放不再起作用。非常感谢你的帮助。谢谢。

控制台中是否有任何错误?当您单击某个元素并拖动时,是否会显示任何错误?如果没有,请放置一个断点,该断点将在尝试拖动元素时触发。您好,控制台中没有错误,我尝试添加一个断点,当我尝试拖动某个元素时会触发该断点,但我发现该断点用于在chonky文件浏览器中进行拖放,并且从本地浏览器到chonky文件浏览器的拖放操作仍然不起作用。顺便说一下,感谢您的快速响应:)