Material-UI 在 AccordionDetails 单击时防止 Accordion 默认折叠

问题描述

我有一个带有两个相同菜单的 React Web，所以我用菜单制作了一个组件，并在 App 组件中渲染了它两次。

对于菜单，我使用 Material UI Accordion 但当我单击菜单详细信息时，菜单会默认折叠。我怎样才能防止这种情况发生？

这是一个示例代码：codeSandBox

我不关心示例的功能，我只想能够点击菜单详细信息而不关闭它并执行 onClick 功能。

解决方法

我也是从 React 开始的，但我删除了代码 onClick = {() => handleClick (option)} 并且菜单正在工作，我会尝试检查其他东西来帮助您。