如何解决React JS Fluent ui onRenderTitle
你好,我是 reactc 的新手,必须使用 fluent ui
我正在尝试使用
更改自定义选项标签onRenderTitle={(options) => ${options.name} (${options.roll_number})
}
我的代码:
<Dropdown
placeholder={"Select your School"}
onChange={(event,val) => {
if (val === null) {
setSelectedSchool("")
} else {
setSelectedSchool(val.key);
}
}}
value={selectedcounty}
options={getschool.filter(x => x.county === selectedcounty).map((school,key) => (
{
key: school.name,text: school.name
}
))}
onRenderTitle={(options) => `${options.name} (${options.roll_number})`}
/>
解决方法
onRenderTitle
是一个返回 Element
而不是 String
的函数。 选项的类型是IDropdownOption[]
<Dropdown
...
onRenderTitle={options => <span>{options[0].key} ({options[0].text})</span>}
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。