Javascript 在多个组件中触发相同的功能

我正在使用

react native material menu

的弹出窗口显示菜单选项

但问题是，它不适用于多个场景

我的意思是，当我点击第一个菜单按钮时，同样的方法会被触发，因此每次都会打开同样的菜单

处理此特定场景的更好方法应该是什么

这是你的电话号码

\u菜单=null；
setMenuRef=ref=>{
这个。_菜单=ref；
};
希德梅努=（）=>{
这个._menu.hide（）；
};
showMenu=（）=>{
这个._menu.show（）；
};
{this.state.clientsList.map（（项）=>{
返回(
{item.FullName}
看法
编辑
删除
电子邮件：{item.EmailID}
客户端类型：{item.ClientType}
);
})}

您对所有菜单组件使用相同的引用

您必须为每个菜单使用不同的参考

最佳方法：

创建菜单并在其中处理它们的第一种方法

中等

或为菜单的列表创建动态

仅用于运行代码

第三是为每个菜单创建ref

_menu1 = null;
_menu2 = null; 
_menu3 = null;

---

您每次都在调用相同的

ref

。我没有使用你提到的库，但是如果它必须依赖于ref，你可以创建一个引用列表，语法在这里

_menu1 = null;
_menu2 = null; 
_menu3 = null;