Javascript 如何在事件'上应用mixpanel;触发';设计中下拉菜单的应用

Javascript 如何在事件'上应用mixpanel;触发';设计中下拉菜单的应用,javascript,reactjs,dropdown,antd,mixpanel,Javascript,Reactjs,Dropdown,Antd,Mixpanel,我正在开发一个react应用程序,在Antdesign中单击下拉菜单(当菜单打开时),我必须应用mixpanel。现在下拉列表中有一个触发器props,它需要一个字符串“click”。这可能是javascript中的一个基本概念,但我对javascript/react还不熟悉,因此非常感谢您的帮助 将道具“触发器”向下传递到下拉列表,而不是书写 trigger="click" 我编写了一个返回“click”并具有mixpanel功能的函数,但当我传递函数(PropTypes.func)时,它不

我正在开发一个react应用程序,在Antdesign中单击下拉菜单(当菜单打开时),我必须应用mixpanel。现在下拉列表中有一个触发器props,它需要一个字符串“click”。这可能是javascript中的一个基本概念,但我对javascript/react还不熟悉,因此非常感谢您的帮助

将道具“触发器”向下传递到下拉列表,而不是书写

trigger="click"
我编写了一个返回“click”并具有mixpanel功能的函数,但当我传递函数(PropTypes.func)时,它不会像触发器期望的PropTypes.string那样工作


编写上述代码时不会出现错误,但下拉功能不起作用。

您正在传递一个函数,而不是执行它,为了使其起作用,您应该尝试这样做:

trigger={this.handleTrigger()}

通过这种方式,您向道具传递的是函数的执行,而不是函数本身

控制台中是否有任何错误?否,但会生成一条警告,道具类型失败:提供给
下拉列表
函数类型的无效道具
触发器
,预期
string
我可以知道为什么要传递函数而不是直接“click”值吗?如前所述,我想在此触发器上执行Mixpanel。
const handleTrigger=()=>{
// MixPanel event handling
return "click"
}
trigger={this.handleTrigger()}