Напишите сокращенную запись для поля, используя объект темы для стилизации с помощью JSS, используя material-ui

Question

Я могу стилизовать компонент, применив поле следующим образом.

style.js

const styles = theme => ({
    button: {
    margin: '12px 18px',
    }
})

Но я хочуиспользуйте материал-пользовательский интерфейс theme.spacing.unit, чтобы применить поле к компоненту.Я сделал это следующим образом:

style.js

const styles = theme => ({
    button: {
    margin: '`${theme.spacing.unit * 3}` `${theme.spacing.unit * 4}`',
    }
})

Но мне не повезло в этом.Может кто-нибудь указать на мои ошибки?

Answer 1

Вам необходимо указать единицу измерения:

const styles = theme => ({
    button: {
        margin: `${theme.spacing.unit * 3}px ${theme.spacing.unit * 4}px`,
    }
})