问题标签 [react-dropzone]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 文件上传后如何清除 React Dropzone 组件中的 Dropzone？
我需要在文件上传后销毁 dropzone 组件，无法让 dropzone 对象应用 dropzone.destroy() 方法。
javascript - NPM 安装不断抛出错误
我是一个反应初学者，试图弄清楚如何构建组件，但在尝试遵循本教程时我无法让我的页面运行。https://www.youtube.com/watch?v=aK3aUW08YGw&list=PLEsfXFp6DpzQbwYDx1zgcKJ4tzyWFaESK&index=25当我尝试 npm install dropzone 时，我收到了大量错误消息。然后当我输入 npm list dropzone 时，树显示为空。这是错误日志：
react-dropzone - React-dropzone Ondragend 事件
我正在创建 Dropzone 组件以在我的私人网页中创建拖放模式。但是，我注意到 React-Dropzone 不包含ondragend文档中的任何事件，这是在 Mozilla 的 DnD API 中给出的。
所以，我想问一下，它是否存在，如果不存在，我该如何实现？
reactjs - 如何解决我的 react-dropzone 应用程序的“道具类型错误”
我正在尝试使用 react dropzone 构建一个应用程序来处理文件上传。几个小时以来，我一直在为这个错误挠头。
警告：失败的道具类型：
children提供array给的道具类型无效Dropzone，预期function. 在 Dropzone (at MyEditor.js:145) 在 MyEditor (at App.js:15) 在 div (at App.js:14) 在 div (at App.js:10) 在 App (at src/index.js: 7) function.console.(匿名函数)@index.js:1446 printWarning@checkPropTypes.js:21 checkPropTypes@checkPropTypes.js:76 validatePropTypes@react.development.js:1716 createElementWithValidation@react.development.js:1809 render@ MyEditor.js:145 finishClassComponent @ react-dom.development.js:15119 updateClassComponent @ react-dom.development.js:15074 beginWork @ react-dom.development.js:16064 performUnitOfWork @ react-dom.development.js:20084 workLoop @ react-dom.development.js:20125 renderRoot @ react-dom.development.js:20205 performWorkOnRoot @ react-dom.development.js:21162 performWork @ react-dom.development.js:21072 performSyncWork @ react-dom。 webpack_require@bundle.js :782 fn@bundle.js:150 0@main.chunk.js:161 webpack_require@bundle.js :782 checkDeferredModules@bundle.js:46 webpackJsonpCallback@bundle.js:33（匿名）@main。块.js:1
我试图添加一个 getRootprops() 就像它在文档中所说的那样，但我仍然遇到了这个问题。这是一个指向损坏组件可见的仓库的链接。
reactjs - 使用 react-dropzone 的文件上传进度
使用 react-dropzone 上传文件，我想以文件传输百分比或 mbs 数据传输来实现文件进度。
javascript - 如何使用 react dropzone 预览 pdf
我很难弄清楚如何预览我正在使用react-dropzone. PNG 和 JPG 工作得很好，但我也希望能够向用户展示 pdf 本身或 pdf 的图像。
这是我的代码：
javascript - 使用javascript swagger客户端上传文件时遇到问题并做出反应
我对 Swagger codegen 生成的源代码有疑问。我想上传一个带有反应的文件。为此，我创建了一个 Dropzone 并获取文件的路径。如果我按照文档中的方式使用生成的客户端，它将无法正常工作。不幸的是，该文件未发送。只有文件名。调试控制台也没有显示二进制数据已发送。
请求未正确执行。该文件将不会被上传。参数“file”只是文件名，而不是二进制数据。
Swagger-codegen 版本
openapi-generator-cli-3.3.4.jar
Swagger 声明文件内容
招摇.yaml：
代码：
用于生成的命令行
java -jar ${GOPATH}/bin/openapi-generator-cli.jar generate -i service_js_api.yaml -g javascript -o clients/javascript/senseaition-api-js -Dio.swagger.parser.util.RemoteUrl.trustAll=true
reactjs - 覆盖 onDrop 事件中断 ImageInput 预览
我正在尝试覆盖onDrop()，<ImageInput>但上传文件时失败。它不显示图像预览。
以下是组件。我正在调用一个 api，它将返回我的 url，并且我正在设置状态，以用于进一步的目的。
javascript - 使用带有 nextjs 的 react-dropzone - 输入类型为“file”的多个属性卡在 false 以进行服务器渲染，如何将其设置为 true？
我在 nextjs 项目上使用 react-dropzone，目前当我服务器渲染 dropzone 组件时，我收到错误：
“index.js:2178 警告：道具multiple不匹配。服务器：“假”客户端：“真”
我尝试在组件上设置 multiple={true} 但没有运气。但是，当我在组件上设置 multiple={false} 时，客户端渲染工作正常，但禁用了多文件上传（如预期的那样）
关于为什么不使用 multiple={true} 进行完整服务器渲染的任何想法？
React，NextJS 项目与 react-dropzone
尝试在组件上设置 multiple={true}。尝试重建项目。
设置 multiple={false} 有效，但会禁用所需的功能。