Javascript 动态材质ui下拉菜单

我正在使用material ui js创建一个动态下拉菜单，但当我单击其中一个菜单时，它会打开所有菜单，反之亦然，当我关闭它时

---

两个菜单链接都保持1个状态。为您的列表保留一个名称（页面标题）。在

handlerListOpen

函数中，使用键动态设置/切换状态对象

代码片段：

导出默认函数App（）{
const[openList，setopenList]=React.useState（{}）；
常量handlerListOpen=el=>{
console.log（“el”，el.currentTarget.getAttribute（“name”）；
常数目标=el.currentTarget；
setopenList（上一个=>({
…上一页，
[target.getAttribute（“name”）：！prev[
target.getAttribute（“名称”）
]
}));
};
返回(
{pages.map（（页面，索引）=>(
{pages.icon}
{openList[page.title]？：}
{page.collapse.map（（折叠，索引）=>(

{" "}
{collapse.icon}

))}
))}
);
}