如何使用div而不是枢纽链接按钮

Question

我想自定义PivotItem以使其可关闭（有点像浏览器标签）。

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

我面临的主要问题是，此PivotItem用button包装（Pivot.Base.tsx呈现了Commandbutton），它拦截了{{ 1}}。

Firefox不允许Button下的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);
}