微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。