Office UI Fabric/Fluent UI 下拉自定义渲染

问题描述

我正在查看自定义流畅 UI 下拉菜单的选项,根据文档,有 4 个选项: https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown

    <Dropdown
      placeholder="Select an option"
      label="Custom example"
      ariaLabel="Custom dropdown example"
      onRenderPlaceholder={onRenderPlaceholder}
      onRenderTitle={onRenderTitle}
      onRenderOption={onRenderOption}
      onRenderCaretDown={onRenderCaretDown}
      styles={dropdownStyles}
      options={exampleOptions}
    />
  1. onRenderPlaceholder
  2. onRenderTitle
  3. onRenderOption
  4. onRenderCaretDown

但是这些选项并不是很接近我的要求,我想用额外的按钮自定义标题和下拉面板。

根据代码 (IDropdownProps) 中的定义,文档中还没有一些公开的自定义渲染,只是好奇是否有任何示例用例用于跟踪自定义渲染。

  1. onRenderItem
  2. onRenderList
  3. onRenderContainer

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)