在 React Table 中触发单元格 onClick 而不是 row onClick

Question

我有下表：

我希望点击行右侧的三个点会打开一个弹出菜单，所以我为此单元格编写了一个 onClick 函数。

我还希望点击行中的任何其他区域将重定向到另一个页面，所以我覆盖了反应表的 onClick，（如反应表文档中所建议的：https : //github.com/tannerlinsley/react-table/ tree/v6#custom-props ) 以下列方式：

 _getTdProps = (state, rowInfo, column, instance) => ({
     onClick: (e, handleOriginal) => {
        if (this.props.onTableRowClick) {
            this.props.onTableRowClick({ e, column, rowInfo, instance });
        }
        if (this.props.shouldHandleOriginalOnClick && handleOriginal) {
           handleOriginal();
        }
    },
})

我的问题是，当我按下三点图标而不是打开弹出菜单时，也会重定向到另一个页面。

我怎样才能使这个功能起作用？我试过对单元格和行使用 z-index 但它没有帮助。

有什么建议？

谢谢

Answer 1

您可以在点单击事件上调用该stopPropagation方法，这样当您单击点时该事件就不会冒泡到该行。

e.stopPropagation();