office-ui-fabric - 如何有一个 div 而不是一个用于枢轴链接的按钮

Question

我想自定义 aPivotItem以使其可以关闭（有点像浏览器选项卡）。

我提供了一个自定义 onRenderItemLink实现X，在选项卡的右侧显示一个图标，并在该图标上显示一个onClick关闭选项卡的方法。

我面临的主要问题是它被一个（呈现一个）PivotItem包裹，它拦截了所有 onClick 事件。buttonPivot.Base.tsxCommandbuttonFirefox

Firefox 不允许按钮下的 onClick 事件（这似乎符合标准，因此不被视为错误），因此我永远无法关闭 Firefox 上的选项卡。

在这种情况下，有什么方法可以强制 Fabric UI 创建 div 而不是按钮？

有没有其他方法可以强制 div 存在（某种方式来拦截结构 ui 创建的内容并使用 div 切换按钮）？

建议表示赞赏。

Answer 1

如果单击右侧的按钮，则最终关闭选项卡

const clickX = clickEvent.pageX;
const buttonRight = clickEvent.currentTarget.offsetLeft + clickEvent.currentTarget.offsetWidth ;
if (buttonRight - clickX <= 40) {
  removeTab(tab);
}