如何在移动设备中折叠 Materil UI React 面板

Question

嗨，我是 React 新手，material-ui。我创建了这个个人资料示例页面

enter link description here

我需要在桌面浏览器中打开时看到两个面板展开，而在移动设备上打开时第二部分必须折叠。

你能帮帮我吗？

Answer 1

在 render() 中使用它

let isMobile = false;

if (window.innerWidth <= 500) {
  isMobile = false;
} else {
  isMobile = true;
}

这在 ExpansionPanel 中

           <ExpansionPanel
              defaultExpanded={isMobile}
            >