Как бороться с "точками останова" при переходе с Material-UI `makeStyles ()` на React-JSS `createUseStyles ()`? - PullRequest
Новая
       181

Как бороться с "точками останова" при переходе с Material-UI `makeStyles ()` на React-JSS `createUseStyles ()`?

0 голосов
/ 13 июля 2020

Я пытаюсь перейти с Material-UI makeStyles() на React-JSS createUseStyles(), и мне любопытно, как справиться с устаревшими темами, в которых используются «точки останова»? Есть ли рекомендуемый путь миграции, чтобы избавиться от точек останова в теме Material-UI?

В настоящее время я склоняюсь к переписыванию устаревших точек останова на явные CSS @ media at-rule . Естественно, это потеряло бы возможность настраивать размеры точек останова для темы, но я могу жить с этим.

например, исходные стили точки останова: 

{
  [theme.breakpoints.up("md")]: {
    top: "auto !important",
  }
}

Становится: 

{
  "@media screen and (min-width: 960px)": {
    top: "auto !important",
  }
}

Кажется, это правильный путь?

...