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

【问题标题】：Material-UI prevent Accordion default collapse on AccordionDetails clickMaterial-UI 防止 Accordion 在 AccordionDetails 单击时默认折叠
【发布时间】：2021-06-10 12:49:56
【问题描述】：

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

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

这是一个示例代码：codeSandBox

我不关心示例的功能，我只希望能够在不关闭它的情况下单击菜单详细信息并执行onClick函数。

【问题讨论】：

为默认扩展设置“defaultExpanded”道具，为手动处理设置“expanded”。
@Madhuri 我不希望菜单默认展开，我已经尝试使用状态变量使用 expanded 道具处理扩展。但它不起作用。

标签： javascript reactjs material-ui accordion neuroscience

【解决方案1】：

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

【讨论】：

谢谢，但我需要点击功能