reactjs - 流利的 UI 下拉需要未识别
问题描述
我在表单中使用了流畅的 UI 下拉菜单。下拉列表对我来说是必填字段。我使用了 Fluent UI 中的“必需下拉菜单”,但这不起作用。我试过这个
<Dropdown styles={{ title: {},dropdown: {}}} title="" placeholder={} onRenderLabel={} options={} onChange={} required={true} errorMessage={}/>
这也
<Dropdown styles={{ title: {},dropdown: {}}} title="" placeholder={} onRenderLabel={} options={} onChange={} required errorMessage={}/>
但它们都不起作用。
有人可以帮我解决这个问题吗?
解决方案
我也面临同样的问题。添加 Required={true} 或 aria-required="true" 没有帮助。必填属性 - 只需添加一个星号以将其指示为必填字段,但在提交期间未验证。此属性在 TextField 等控件中按预期工作。
我的代码:
render() {
return (
<div className='dropdownExample'>
<form>
<Dropdown required={true} aria-required="true" label='Required dropdown contrsl'
options={
[
{ key: 'A', text: 'Option a' },
{ key: 'B', text: 'Option b' },
{ key: 'C', text: 'Option c' },
{ key: 'D', text: 'Option d' },
{ key: 'E', text: 'Option e' },
{ key: 'F', text: 'Option f' },
{ key: 'G', text: 'Option g' },
]
} />
<TextField label="Required textfield control" required={true} />
<button type="submit">Submit</button>
</form>
</div>
);
}
推荐阅读
- angular - 如何在 Angular 7 中创建博客类别
- java - Java - 数据结构设计 - 固定大小、随机访问、线程安全、有序集合
- jquery - 使用toggle()关闭div时如何自动滚动到顶部
- c - 当 shell 读取命令时,有什么方法可以防止后台进程写入 stdout 通道?
- signal-processing - MIMO系统容量和S参数
- javascript - 异步/等待:异步嵌套函数是否需要自动等待上一级?
- android - 如何将项目加载到 Android Studio 中(插入哪些文件,不插入哪些文件)?
- jquery - 如何在 jquery 中添加 google api 密钥
- java - 在java中将图像添加到链表的示例
- python - Django Template DIRS TemplateDoesNotExist:为什么有些模板会被跳过(Skipped)?