小编dev*_*864的帖子

在 React Redux 存储中存储文件对象的最佳方式(从 DropZone 上传文件?)

我目前正在使用 Material Ui dropzone 上传多个文件。只是想知道在 redux 存储中添加/更新文件的最佳方法是什么。我目前正在执行“onChange”触发时的调度操作,该操作返回 dropzone 上的所有文件并通过存储具有 files 对象的整个 files 数组来更新 redux 状态。

请让我知道是否有最好的方法来处理这个问题。

reactjs redux material-ui react-dropzone dropzone

7
推荐指数
2
解决办法
2850
查看次数

材料自动完成仅使用 getOptionLabel 字段过滤

目前正在使用 Google material-UI 自动完成组件。当我在输入字段上键入内容时,它仅对“getOptionLabel”选项字段进行过滤。但是,我希望自动完成功能可以过滤多个字段。根据文档,我可以使用 CreateFilterOptions 再添加一个字段或使用 match-sorter 使其工作。

https://material-ui.com/components/autocomplete/#createfilteroptions-config-filteroptions

const filterOptions = createFilterOptions({
  matchFrom: 'start',
  stringify: option => option.title,
});

<Autocomplete filterOptions={filterOptions} />
Run Code Online (Sandbox Code Playgroud)

在字符串化时,我想知道是否可以返回整个对象而不仅仅是一个 option.title

如果我做错了什么,请纠正我。

javascript autocomplete reactjs material-ui react-hooks

6
推荐指数
1
解决办法
4453
查看次数

react-dropzone-uploader 如何从反应状态显示已上传的文件

我目前正在使用 RDU(react-dropzone-uploader) 将文件上传到服务器,我将上传的文件保存在反应状态。我试图弄清楚如何在反应状态下将已上传的文件显示为拖放区预览的一部分。

我尝试过查看文档中的道具列表。

https://react-dropzone-uploader.js.org/docs/props

我找到了initialFilesprop,但它会自动上传提供的输入文件数组。

任何帮助表示赞赏

javascript dropzone.js reactjs react-dropzone dropzone

6
推荐指数
1
解决办法
1009
查看次数

单击元素时 Material ui 工具提示未关闭

https://codesandbox.io/s/material-demo-5s4c0?file=/demo.js

我正在使用上面链接中的材质 UI 工具提示,其中有一个 UI 演示。工具提示在按钮悬停时打开,但单击按钮时它不会消失。这是默认功能吗?只是想知道如何在单击按钮时关闭它。

任何建议或帮助表示赞赏。

javascript tooltip reactjs material-design material-ui

5
推荐指数
1
解决办法
7464
查看次数