Как я могу открыть свою тему material-ui на консоли, как сайт material-ui?

Question

Я работаю над проектом React и решил использовать материал-интерфейс для стайлинга, но мне также нужно научиться использовать его в процессе.Я продолжаю сталкиваться с проблемами с тематикой, читаю документацию по материалам и другие ресурсы в Интернете, но все еще не могу разобраться в этом.Я думал, что возможность увидеть мою тему в инструментах Chrome inspector / dev будет полезна, как материал-интерфейс на их сайте, но я не знаю, как это сделать.Как я могу представить свою тему на консоли?

material-ui предоставляет глобальную переменную темы на всех страницах

Answer 1

Поскольку вы, кажется, не создали собственную тему, ваш объект темы должен быть точно таким же, как на веб-сайте!

Если вы действительно хотите видеть свою в консоли, попробуйте консоль, войдите в неепри объявлении ваших стилей для компонента, подобного этому!

const styles = theme => console.log(theme) || ({
  bold: {
    fontWeight: 'bold',
  }
});

А затем при экспорте компонента используйте

withStyles(styles)(YourComponentHere);