A
Спасибо
Size: a a a
2020 March 23
DS
Или перендер это норма?
Так то в реакте это норма.
(На самом деле - нет, но это позиция реакт тимы)
(На самом деле - нет, но это позиция реакт тимы)
2020 March 24
IT
Ребята может кто помочь дураку и рассказать как стор прокинуть через импорт
IT
Из стора как в конфиг засунуть данные, так чтобы обновлялись
🦉
Из стора как в конфиг засунуть данные, так чтобы обновлялись
Зачем?
IT
У меня подгружается файл конфигураций через стор, для моей имитации saas приложения. В ней заложена цветовая схема для styled components. Более гениального решения, кроме как конфигурацию в стору сложить и по всему приложению от туда раздать я не нашел.
IT
Как в стору все положить, в реакт компонентах применить я разобрался, а как в статически импортируемый файл со стилями передать данные о цвете компонентов я не знаю. У меня туда всегда null. Как первоначальное состояние стора приходит и после повторно не обновляется.
🦉
Как в стору все положить, в реакт компонентах применить я разобрался, а как в статически импортируемый файл со стилями передать данные о цвете компонентов я не знаю. У меня туда всегда null. Как первоначальное состояние стора приходит и после повторно не обновляется.
Стор — мужской род
🦉
Как в стору все положить, в реакт компонентах применить я разобрался, а как в статически импортируемый файл со стилями передать данные о цвете компонентов я не знаю. У меня туда всегда null. Как первоначальное состояние стора приходит и после повторно не обновляется.
Как проверяешь что не обновляется?
IT
ну согласно уровню своего развития консоль логами
IT
ну и стили не меняются
l
У меня подгружается файл конфигураций через стор, для моей имитации saas приложения. В ней заложена цветовая схема для styled components. Более гениального решения, кроме как конфигурацию в стору сложить и по всему приложению от туда раздать я не нашел.
const appConfig = createStore(null)
const quizColor = appConfig.map(config => {
if (config) return config.quizcolor
return null
})
const Button = styled.button`
color: var(--quizColor, currentColor);
`
const Panel = () => (
<div style={{'--quizColor': useStore(quizColor)}}>
<Button>close panel</Button>
</div>
)
l
то есть можно избежать абуза жс для передачи значения цветов в стайледы, воспользовавшись css переменными
тогда, как только appConfig будет заполнен конфигом приложения, вычисляемый стор quizColor получит оттуда нужное значение цвета и выставит его каждому, кто заюзает его через useStore
тогда, как только appConfig будет заполнен конфигом приложения, вычисляемый стор quizColor получит оттуда нужное значение цвета и выставит его каждому, кто заюзает его через useStore
IT
у меня жирное приложение с кучей компонентов, это точно лучшее решение?
IT
суть я уловил, попробую так переделать, но пахнет костылем
l
суть я уловил, попробую так переделать, но пахнет костылем
нет, это нативные возможности платформы
l
с такой точки зрения скорее стайледы костыль
l
чем жирнее — тем больше проблем будет с пересчётами компонентов
l
можно и так
но я всё же рекомендую воспользоваться цсс переменными
const Button = styled.button`
color: ${({color}) => color};
`
const QuizButton = props => (
<Button color={useStore(quizColor)} {...props} />
)
но я всё же рекомендую воспользоваться цсс переменными