AK
Size: a a a
2020 November 19
АБ
Решил поработать с классами, подскажите пожалуйста как занести данные из лога выше в state правильно?
setState асинхронный
АБ
вы все правильно сделали
☬
Добрый день. Может кто то сталкивался с такой проблемой. Есть компонент, логотип. Он на сайте используется 3-4 раза в разных модификация ( размер, цвет, размер текста, или его отсутствия ). Прописал в ./styles дефолтные стили, плюс хотелось управлять ими из других компонентов (header, footer, sidebar, login ). Но проблема в том что он генерирует стили через makeStyle и они добавляются в хаотичном порядке. И может получится так что дефолтные стили в head оказываются ниже стилей например компонента header. Тогда дефолтные стили приобретают порядок выше и значимость выше, тем самым приводя данную конструкцию в бесполезные настройки. Как с этим бороться или как вы делаете компоненты в которые можно передавать classes из другим компонентов ( стили модификаторы ). использую JSS
Можно писать !important после значений, что повысит приоритетность стилей.
.block {
color: red !important;
}
.block {
color: green;
}
Цвет будет красным.
.block {
color: red !important;
}
.block {
color: green;
}
Цвет будет красным.
V
они заносятся, просто setState асинхронный
можешь консоль лог занести в колбек вторым параметром у setState
можешь консоль лог занести в колбек вторым параметром у setState
АБ
но не надо логировать изменения сразу после вызова функции setState
V
BB
Vetro
ладно
это в любом случае не рекомендуется. тебе не проще чилды в memo обернуть и не запихивать переменные в рендер?
V
А если мне это не всегда нужно?
У меня например в useMemo вычисляется определенный компонент в зависимости от текущего состояния FSM
У меня например в useMemo вычисляется определенный компонент в зависимости от текущего состояния FSM
V
И подставляется в одно и то же место
BB
эм... а тебе не проще ребенка подписать?
BB
на хера родителя перерисовывать в таком случае?
A
Можно писать !important после значений, что повысит приоритетность стилей.
.block {
color: red !important;
}
.block {
color: green;
}
Цвет будет красным.
.block {
color: red !important;
}
.block {
color: green;
}
Цвет будет красным.
не очень удобное решение. Особенно при адаптивном дизайне. Я бы сказал крайне не удобное. А как то регулировать порядок вставки стилей через make style в шапке возможно ? раставлять приоритетность ?
V
на хера родителя перерисовывать в таком случае?
А ты прав, действительно, туплю что-то
DS
Vetro
ладно
откуда скрин?
NT
Можно писать !important после значений, что повысит приоритетность стилей.
.block {
color: red !important;
}
.block {
color: green;
}
Цвет будет красным.
.block {
color: red !important;
}
.block {
color: green;
}
Цвет будет красным.
никогда так не делайте. уж лучше написать .block.block
☬
никогда так не делайте. уж лучше написать .block.block
ок.
BB
ну такое может быть, если подписки не всегда на одно и то же место и оформляются именно по месту привязки логики. но ты можешь это обернуть в компонент рядом с родителем
BB
тогда родитель не будет ререндериться и все будет вери велл