Коллеги, может кто-то сможет подсказать по styled-components?) У меня есть

Question

Коллеги, может кто-то сможет подсказать по styled-components?) У меня есть

переключатель темы на странице и в зависимости от выбранной темы (темная или светлая) меняется и background. Функционал полностью работает, но ругается сам редактор (VS). Как-то может можно мою запись переписать?)

#frontend #javascript #programming #react.js #russian

0

20.01.2021

14 ответов

11 просмотров

Ivan 🧑‍🚀

скобочки не все закрыты

0

20.01.2021

Таймураз Кайтмазов

У него шаблон нормально собирается, не в этом дело

0

20.01.2021

Ivan 🧑‍🚀

Таймураз Кайтмазов
У него шаблон нормально собирается, не в этом дело

у него в конце лишняя фигурная скобка, на что vscode говорит вполне разумное “это некорректный цсс”

0

20.01.2021

Таймураз Кайтмазов

Ivan 🧑‍🚀
у него в конце лишняя фигурная скобка, на что vsco...

Ну вот если бы он нормальные шаблонные строки писал, а не исчадие ада, то сам бы заметил лишний символ

0

20.01.2021

Ivan 🧑‍🚀

Таймураз Кайтмазов
Ну вот если бы он нормальные шаблонные строки писа...

это да

0

20.01.2021

Maxim Koylo

ты не должен внутри стилей смотреть на тему, у тебя должно быть просто theme.pageBg, а уже там где ты меняешь тему то подставлять нужный обект у которого структура будет одинаковая для всех обектов тем, но с разными значениями свойств

0

20.01.2021

Ivan 🧑‍🚀

({theme}) => { const url = theme === 'light' ? foo : bar return url(${url}) }

0

20.01.2021

Таймураз Кайтмазов

Ivan 🧑‍🚀
({theme}) => { const url = theme === 'light' ? f...

Крайне хуево выглядит, это спокойно можно стрелочной функцией без тела оставить

0

20.01.2021

@xtx

Ivan 🧑‍🚀
({theme}) => { const url = theme === 'light' ? f...

background: ``url(${ ({ theme }) => theme.title === 'light' ? pageB : pageS})`` а шото такое?

0

20.01.2021

Ivan 🧑‍🚀

Таймураз Кайтмазов
Крайне хуево выглядит, это спокойно можно стрелочн...

да можно тысячу вариантов написать, я бы вообще рамду заюзал) вопрос только в том, как это читается. можно и ({theme}) => url(${theme === 'light' ? foo : bar}) (бэктики съедает телеграм)

0

20.01.2021

Maxim Koylo

Maxim Koylo
ты не должен внутри стилей смотреть на тему, у теб...

чел сделай так

0

20.01.2021

Таймураз Кайтмазов

Ivan 🧑‍🚀
да можно тысячу вариантов написать, я бы вообще ра...

Да и это нахера Опять шаблон в шаблоне

0

20.01.2021

Дмитрий Кубарский Автор вопроса

Maxim Koylo
ты не должен внутри стилей смотреть на тему, у теб...

да, у меня везде так и происходит, а именно в данном случае - это страница авторизации (ландинг), то есть только в этом единственном месте стоит картинка в виде background. Во всех других случаях всё берется из объекта theme, как описывали вы)

0

20.01.2021

Таймураз Кайтмазов · Accepted Answer

Таймураз Кайтмазов

Не по вопросу подсказка, но можно подстановку урла сократить до background-image: url(‘${}’)

0

20.01.2021

169 похожих чатов

Коллеги, может кто-то сможет подсказать по styled-components?) У меня есть

14 ответов

Похожие вопросы