小编Chr*_*ann的帖子

在 freeSolo 模式下使用带有 react-hook-form 的 Material UI 自动完成功能

我正在尝试在自由独奏模式下使用 Material UI 的自动完成功能作为一种组合输入。用户应该能够通过自动完成选择建议的选项,或者如果没有可用选项,则输入值应用作最终表单值。

问题:

案例一:自动完成工作并建议可以选择和提交的选项,但是当输入具有自定义值时,它不会被提交。

https://codesandbox.io/s/autocomplete-free-solo-case-1-i7kin?file=/demo.js

情况二:提交了从自动完成和自定义输入值中选择的选项,但自动完成下拉列表不再显示建议,而是在选择输入的整个过程中保持打开状态

https://codesandbox.io/s/autocomplete-free-solo-case-2-uk9db?file=/demo.js

我可以接受第二种情况,因为我的自动完成列表只有几个选项,但如果有人有一些提示或解决方案,我会非常感激。

reactjs material-ui react-hook-form

4
推荐指数
1
解决办法
6153
查看次数

标签 统计

material-ui ×1

react-hook-form ×1

reactjs ×1