@Gary_Ihar
JS *овнокодер

В чем разница в этих двух способах записи стилей?

Вариант 1:
style ={{background: `url(${props.item.img}) center center no-repeat`,}}

Вариант 2:
style ={{   
    backgroundImage: `url(${props.item.img})`,
    backgroundPosition: 'center center',
    backgroundRepeat: 'no-repeat',
}}


В чем принципиальная разница между двумя способами записи стилей инлайново в React?
Вопрос возник потому, что вариант 1 иногда пропускает свойство "center center". Пришлось записать через вариант 2 и все стало нормально. Почему так произошло?
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
Aetae
@Aetae
Тлен
Подозреваю в img какой-то мусор прилетает, что и отрубает остальную часть записи. В остальном никакой разницы. Ну разве что background перезаписывает все остальные свойства(даже те что не указаны, т.е. если был задан background-color - он станет по умолчанию, т.е. прозрачным).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы