我试图编码一个多控制自动完成,可以为多个和单一的选择/秒。显然,这似乎是一个简单的任务,你可以完成设置为真/假的自动完成组件的多个 prop ,但实际上当多个 prop 设置为假(即单一选择),我开始得到警告和不需要的行为(即输入不显示),如您在此代码sandBox中所见
我很困惑,因为在文档中,没有提到不同的设置,如果你想单一或多个选择
有人可以建议我如何修复我的代码,使它可以为单一和多个选择?
我尝试设置isOptionallyToValue属性,但是当倍数设置为false时,我无法显示国家。
1条答案
按热度按时间fzsnzjdm1#
这些是使用react-hook-form的MUI自动完成时的关键点:
默认值
当使用react-hook-form与MUI自动完成时,你应该在使用react-hook-form钩子时提供一个正确的默认值。react-hook-form不能知道你是否要使用一个单一选择的自动完成,这意味着
value
是typeofstring
或多个选择,然后value
prop是typeofstring[]
。字符串
isOptionToValue
由于MUI自动完成依赖于对象引用相等性,但
Control
组件返回选项的副本,而不是选项本身,因此您应该设置isOptionEqualToValue
以测试选项是否基于唯一属性相等,例如:型
adjust onChange
默认情况下,Control会传递onChange handler,它接受值
event.target.value
。好吧,我们不想要这个值,所以我们应该覆盖它:型
最终结果
你可以改变
multiple
属性来自动完成单/多sandbox
验证码:
型