首页 > 解决方案 > 如何使用fabric react nav组件添加自定义html属性?

问题描述

我在用

import { Nav } from 'office-ui-fabric-react';
function CustomNav(props) {
  return <Nav groups={groups} selectedKey={selectedKey} onLinkClick={handleLinkClick} data-myTag="hello" />;
}

对于导航对象,我想添加自定义 html 属性,例如data-myTag. 如何将此属性添加到由该Nav对象添加到 DOM 的按钮中。

标签: reactjsfabricjsoffice-ui-fabricoffice-fabricoffice-ui-fabric-react

解决方案


基于查看渲染的源,不幸的是Nav看起来不可能将数据标签添加到容器中。

您最好的选择可能是:

  • 将数据属性放在div从组件返回的a 上CustomNav,或者
  • 使用 Fabric 本身创建一个拉取请求,以呈现这些数据属性

推荐阅读