如何使用结构反应导航组件添加自定义 HTML 属性?

Question

我正在使用

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 的按钮。

Answer 1

根据查看呈现Nav的源，不幸的是，看起来无法将数据标记添加到容器。

最好的选择可能是：

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