我目前正在使用 Material Ui dropzone 上传多个文件。只是想知道在 redux 存储中添加/更新文件的最佳方法是什么。我目前正在执行“onChange”触发时的调度操作,该操作返回 dropzone 上的所有文件并通过存储具有 files 对象的整个 files 数组来更新 redux 状态。
请让我知道是否有最好的方法来处理这个问题。
目前正在使用 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
如果我做错了什么,请纠正我。
我目前正在使用 RDU(react-dropzone-uploader) 将文件上传到服务器,我将上传的文件保存在反应状态。我试图弄清楚如何在反应状态下将已上传的文件显示为拖放区预览的一部分。
我尝试过查看文档中的道具列表。
https://react-dropzone-uploader.js.org/docs/props
我找到了initialFiles
prop,但它会自动上传提供的输入文件数组。
任何帮助表示赞赏
https://codesandbox.io/s/material-demo-5s4c0?file=/demo.js
我正在使用上面链接中的材质 UI 工具提示,其中有一个 UI 演示。工具提示在按钮悬停时打开,但单击按钮时它不会消失。这是默认功能吗?只是想知道如何在单击按钮时关闭它。
任何建议或帮助表示赞赏。
reactjs ×4
javascript ×3
material-ui ×3
dropzone ×2
autocomplete ×1
dropzone.js ×1
react-hooks ×1
redux ×1
tooltip ×1