javascript - 如何在 ant design 下拉菜单的事件 'triggering' 上应用 mixpanel

Question

我正在开发一个 react 应用程序，在点击 Antdesign 中的下拉菜单时(当菜单打开时)，我必须应用混合面板。现在下拉菜单有一个触发 Prop ，它需要一个字符串，“点击”。这可能是 javascript 中的一个基本概念，但我是 Javascript/react 的新手，因此非常感谢您的帮助。

将 Prop “触发器”向下传递给下拉菜单，而不是编写

trigger="click"

我编写了一个返回“点击”并具有混合面板功能的函数，但是当我传递函数 (PropTypes.func) 时，它不会像触发器期望的 PropTypes.string 那样工作。

<Dropdown
visible={visible}
onSelect={onSelect}
/* And other props */
// trigger="click"
trigger={handleTrigger}    I know this isn't correct, but I want 
                           somewhat this type of functionality
/>

handleTrigger函数是-

const handleTrigger=()=>{
// MixPanel event handling
return "click"
}

编写上面的代码不会出错，但下拉功能不起作用。

Answer 1

你正在传递一个函数而不是执行它，为了让它工作你应该尝试这样做:

trigger={this.handleTrigger()}

这样你就把函数的执行传递给了 props 而不是函数本身