Получение содержимого от useStyles () - PullRequest
Новая
       5

Получение содержимого от useStyles ()

0 голосов
/ 16 апреля 2020

При создании различных реквизитов с useStyles() к ним можно обращаться в элементах, таких как 

const useStyles = makeStyles((theme) => ({
    title: {
        margin: theme.spacing(4, 0, 2)
    }
)

return (
    <Typography className={classes.title}>text</Typography>
)

Однако, если я пытаюсь зарегистрировать содержимое, мне возвращается строка makeStyles-title-7

function App() {
    const classes = useStyles()
    console.log(classes.title)

Как получить доступ к содержимому, хранящемуся внутри? Как правильно их регистрировать?

1 Ответ

1 голос
/ 17 апреля 2020

Material-ui использует CSS -in- JS решение для написания стилей компонентов. Это помогает достичь модульности и описывать стили декларативным, бесконфликтным и повторно используемым способом.

Имена классов генерируются автоматически так, что они уникальны по своей природе и не конфликтуют с глобальными CSS именами. Вот почему, когда вы делаете 

console.log(classes.title)

, он печатает такие значения, как makeStyles-title-7

Определение стилей будет внедрено во время выполнения в элементе <head>. (Вы также можете изменить это поведение)

enter image description here

Вы можете выучить больше о JSS и различных настраиваемых параметрах здесь - https://cssinjs.org/react-jss/?v=v10.1.1

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...