reactjs - reactjs - redux 表单和材质 ui 框架 - 拖放文件上传器

Question

我正在构建一个使用 redux 表单和材料 ui 框架的嵌套表单框架——迄今为止我已经在这里构建了组件——https://codesandbox.io/s/busy-darkness-npg7w ? file=/src/Home .js

<Button
  variant="contained"
  component="label"
>
  Upload File
  <input
    type="file"
    style={{ display: "none" }}
  />
</Button>

但特别是更像拖放的东西。-- 有没有什么东西可以建造得更加定制和清洁，而不必安装另一个可能具有强制样式的模块。

--- 旧代码

---- 在此处使用 renderDragDrop 起始文件 -- 调整代码，以便当用户将文件拖到该区域时 -- 它会填充 redux 表单字段 - 使用文件的 textarea 文件类型 --- 如果是添加的情况多个文件到该字段 - 或动态添加字段以容纳每个文件 - 上传。

它是我需要关注的集成部分——如果它是从视图中隐藏旧学校领域的情况——但是让它们被填充以响应拖放界面。

11 月 22 日 - 2020 年

普通的

拖动时 - 出现粉红色框且虚线向内显示动画

我需要帮助来调整样式——并清理这个代码库

score 1 · Accepted Answer

对此没有开箱即用的解决方案。您可以按照您的建议添加一些可以修改样式的包，或者进行自定义实现。如果您决定使用自定义实现，这里有一篇有用的文章如何做到这一点。

score 0 · Accepted Answer

该解决方案是您想要实现的简单解决方案，它具有自动提交和点击提交功能，并且不强制样式。