Как свернуть панель реагирования Materil UI в мобильном телефоне

Question

Привет, я очень новичок в реакции и материале. Я создаю этот пример страницы профиля

введите описание ссылки здесь

Мне нужно, чтобы при открытии в настольном браузере видеть обе панели развернутыми, а при открытии на мобильном устройстве второй раздел должен быть свернутым.

Можете ли вы помочь мне, пожалуйста?

Answer 1

используя это в render ()

let isMobile = false;

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

и это в ExpansionPanel

           <ExpansionPanel
              defaultExpanded={isMobile}
            >