Size: a a a

React — русскоговорящее сообщество

2021 January 20

ДК

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

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
Дмитрий Кубарский
Коллеги, может кто-то сможет подсказать по styled-components?) У меня есть переключатель темы на странице и в зависимости от выбранной темы (темная или светлая) меняется и background. Функционал полностью работает, но ругается сам редактор (VS). Как-то может можно мою запись переписать?)
Не по вопросу подсказка, но можно подстановку урла сократить до background-image: url(‘${}’)
источник

И

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

И

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

И

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

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
У него шаблон нормально собирается, не в этом дело
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
Но если он уменьшит кол-во скобок- будет проще понять в чем дело
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
В шаблонной строке еще 2 шаблонные строки- ебнешься такое фиксить
источник

DP

Den Pol in React — русскоговорящее сообщество
Есть здесь кто использует Material UI в проекте?
источник

@

@xtx in React — русскоговорящее сообщество
Таймураз Кайтмазов
В шаблонной строке еще 2 шаблонные строки- ебнешься такое фиксить
надо просто этот иф вынести выше в переменную)
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
@xtx
надо просто этот иф вынести выше в переменную)
Не нужно ничего никуда выносить, я уже подсказал что делать
источник

AZ

Alexey Zhdanov in React — русскоговорящее сообщество
Den Pol
Есть здесь кто использует Material UI в проекте?
+
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
Den Pol
Есть здесь кто использует Material UI в проекте?
Сразу вопрос
источник

И

Иван in React — русскоговорящее сообщество
Таймураз Кайтмазов
У него шаблон нормально собирается, не в этом дело
у него в конце лишняя фигурная скобка, на что vscode говорит вполне разумное “это некорректный цсс”
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
Иван
у него в конце лишняя фигурная скобка, на что vscode говорит вполне разумное “это некорректный цсс”
Ну вот если бы он нормальные шаблонные строки писал, а не исчадие ада, то сам бы заметил лишний символ
источник

И

Иван in React — русскоговорящее сообщество
Таймураз Кайтмазов
Ну вот если бы он нормальные шаблонные строки писал, а не исчадие ада, то сам бы заметил лишний символ
это да
источник

ДК

Дмитрий Кубарский... in React — русскоговорящее сообщество
Точно, нашел лишнюю скобку, спасибо всем большое!) 👍
источник

M

Mихаил in React — русскоговорящее сообщество
Иван
зачем? имя компонента — штука непостоянная и нужна только для чтения кода глазами
Хорошо, не имя компонента, а Мне нужно в хедере выводить какой-нибудь блок в зависимости от того какой роут включён это через useRouteMatch только делать?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Кубарский
Коллеги, может кто-то сможет подсказать по styled-components?) У меня есть переключатель темы на странице и в зависимости от выбранной темы (темная или светлая) меняется и background. Функционал полностью работает, но ругается сам редактор (VS). Как-то может можно мою запись переписать?)
ты не должен внутри стилей смотреть на тему, у тебя должно быть просто theme.pageBg, а уже там где ты меняешь тему то подставлять нужный обект у которого структура будет одинаковая для всех обектов тем, но с разными значениями свойств
источник

И

Иван in React — русскоговорящее сообщество
Дмитрий Кубарский
Коллеги, может кто-то сможет подсказать по styled-components?) У меня есть переключатель темы на странице и в зависимости от выбранной темы (темная или светлая) меняется и background. Функционал полностью работает, но ругается сам редактор (VS). Как-то может можно мою запись переписать?)
({theme}) => {
 const url = theme === 'light' ? foo : bar
 return url(${url})
}
источник