reactjs - 在 React Table 中触发单元格 onClick 而不是行 onClick

Question

I have the following table:

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

我还希望单击该行中的任何其他区域将重定向到另一个页面，因此我覆盖了 react 表的 onClick，(如 react 表文档中所建议: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();