Material UI 控制的扩展面板不工作

Posted

技术标签:

【中文标题】Material UI 控制的扩展面板不工作【英文标题】:Material UI controlled expansion panel not working 【发布时间】:2020-07-24 17:37:58 【问题描述】:

单击“展开更多”图标后,我在 React 应用程序上让 Material-UI 展开面板展开时遇到了一些问题。我使用了 Material UI 网站上的文档,并使用 npx create-react-app 设置了 react 应用程序。下面我附上了我的组件和 package.json 的代码。该网站显示具有正确映射数据的面板,但单击后面板不会展开。通过一些研究,我了解到最新的 MacOS 更新在 css 框架和动画方面存在一些错误。有没有其他人遇到过这个问题?目前我不确定是什么导致了错误。

package.json

component imports and styling

website display

component render

【问题讨论】:

请在您的问题中包含代码(不是您的代码图像)。 【参考方案1】:

我认为您需要将<ExpansionPanel /> 中的onClick 属性更改为onChange。 但我有一个问题像

【讨论】:

以上是关于Material UI 控制的扩展面板不工作的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Typescript 扩展 Material-UI 组件的道具?

Angular Material:当用户点击输入键时隐藏自动完成面板

Angular Material - mat-table 不渲染来自 rest api 的数据

Material-Ui 和 Material-Ui-Next 的区别

Material UI 材质表 TablePagination 问题。 (反应)

如何保持其中一个扩展面板始终在手风琴中展开?