Как управлять темами для компонентов React

Я хочу иметь стабильный и масштабируемый способ реализации тем в моем проекте react-rails. В настоящее время компоненты реакции имеют свои собственные файлы CSS, а стиль управляется с помощью модулей CSS ... Как лучше всего иметь разные темы CSS для компонентов реакции?

Спросить конкретно

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

person Ani U    schedule 29.02.2016    source источник
comment
вот пример того, как выбрать и применить один из файлов css к корневому компоненту stackoverflow.com/questions/38963277/   -  person Oleg Pro    schedule 19.11.2016


Ответы (1)


Создайте разные файлы css для каждой темы. В этих файлах css у вас могут быть классы тем. Нравится разные цвета для каждой темы. Имена переменных и классов будут одинаковыми, содержимое будет другим. Таким образом, вы всегда можете передать одно и то же имя класса, и содержимое будет отображаться по-разному в зависимости от того, какая тема css используется.

person Ville Miekk-oja    schedule 29.02.2016