Как укладывать файл CSS React-компоненты, импортируемый из рамок UI

Question

Я оцениваю построить довольно большое приложение с React, я новичок в React философии (я из Css + Js + Jquery старой школы)

Единственное, что мне нужно - это хорошая структура пользовательского интерфейса, реализующая Google Material Design. Я прочитал много потоков stackoverflow о людях, имеющих проблемы с React и некоторыми MD-фреймами. Я понял, что использование классического интерфейса пользовательского интерфейса, я имею в виду не предназначенный для React, не является хорошим решением, потому что такие рамки меняют DOM, и это может конфликтовать с менеджером событий React и так далее. Таким образом, представляется правильным способом использовать структуру пользовательского интерфейса, которая состоит из компонентов React.

Я пробовал некоторые из них (материал-ui, реакция-инструментарий, сущность, ...), но для меня что-то новое (и удивительно), что я могу только изменить какую-то «тему», скажем, тема "или" темная тема ". Или я могу импортировать некоторые темы через импорт JS, а затем позвонить по телефону

$color-primary: $palette-blue-500; 

чтобы изменить некоторые цвета. Но этого недостаточно. Мне нужно иметь полный редактируемый CSS или, по крайней мере, узнать всю иерархию классов CSS и свободно переопределить такие классы.

Разве это невозможно? Означает ли это, что если мне нужны полностью настраиваемые компоненты, это неправильный способ следовать? Или мне не хватает «правой» библиотеки, которая дает такую ​​возможность?

Любая помощь будет оценена по достоинству.

Answer 1

Каждый Реагировать щ каркас обеспечивает возможность добавлять свои собственные классы и стиль с использованием реквизита, как Classname

<md-toolbar className="yourclassNames"/> 

Определенно вы можете переопределить переменные верхнего уровня, как основной цвет в теме. Настройка очень возможна, вы просто создаете свой собственный файл css и добавляете необходимые стили.

Иногда с этими библиотеками вам может понадобиться использовать для! Важно, потому что эти библиотеки сделать много на инлайн стайлинга