не совсем. У меня состояние отвечает за то, перетаскивается ли какой-то перетаскиваемый элемент в приложении, и это состояние должно использоваться в стилях *, *::before, *::after { cursor: ${view.grabbing ? 'grabbing !important' : ''}; }
Привяжи эти стили к классу, применяй класс в зависимости от состояния
но ведь тут нет классов
Ну вообще ты как будто бы можешь прямо в styled главного компонента передать эти стили (App), но это будет некрасиво. Правильнее будет сделать какой-то компонент-хранитель провайдеров (X), написать собственно сам провайдер для глобальных стилей (Y), в который ты обернёшь всё содержимое App Или можешь подключить в проект stitchess и тогда всё будет в более упрощённом варианте
А emotion от stitchess принципиально отличается? У меня проблема в том, что есть две страницы (два компонента), которые добавляют свои глобальные стили (у каждой свои, но есть что-то общее). emotion почему-то не удаляет глобальные стили, объявленные внутри страницы, которую я покидаю, просто ниже добавляет другие стили. В итоге html страницы бесконечно растёт, и при этом некоторые стили друг другу мешают
с провайдерами ещё не доводилось работать. Почитаю, спасибо
Stitchess призван облегчить CSS In Js подход, позволяет легко создавать styled компоненты. Emotion вроде как тем же занимается, так что принципиально не отличаются
То, что компоненты добавляют глобальные стили, звучит не хайпово конечно
я вот тоже подумал, что какая-то дичь 🙈
Обсуждают сегодня