如何在 ant design 的下拉列表事件 'triggering' 上应用 mixpanel

Question

我正在开发一个反应应用程序，在点击 Antdesign 中的下拉菜单时（当菜单打开时），我必须应用混合面板。现在下拉菜单有一个触发道具，需要一个字符串 "click"。这可能是 javascript 中的一个基本概念，但我是 Javascript/react 的新手，因此不胜感激。

将道具 'trigger' 向下传递给 Dropdown，而不是编写

trigger="click"

我编写了一个返回 "click" 并具有混合面板功能的函数，但是当我传递函数 (PropTypes.func).[=14 时，它不会像触发器期望的那样工作 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，而不是函数本身

如何在 ant design 的下拉列表事件 'triggering' 上应用 mixpanel

How to apply mixpanel on event 'triggering' of dropdown in antdesign

javascript

mixpanel

reactjs

dropdown

antd