Что означает случайное строковое имя класса, использующее S css в приложении React?

Question

В чем разница между использованием обычного css ClassName в реагировании и использованием node-sass в реакции? что лучше и как css ClassName генерирует случайную строку в браузере, например app_contentHeader__xFQea, и что именно это означает, и почему он генерирует случайную строку, которую я даже не определил?

Answer 1

S CSS можно рассматривать как расширенный набор CSS, поскольку он предоставляет множество служебных функций и синтаксиса, которые уменьшают длину кода, например, скажем

1. & - Ссылочный символ
2. Partials и директива @import
3. Интерполяция и т. Д.

Но в итоге этот s css будет скомпилирован в обычный css, который браузер понимает.

И для вашего следующего вопроса app_contentHeader__xFQea.

Это код ha sh, прикрепленный к каждому компоненту css для инкапсуляции стиля. Так что стиль .card не будет мешать .card из другого компонента. Эта функция не зависит от css или s css ie, она будет работать независимо от того, что вы используете.

Если вы работали с angular, вы также можете найти инкапсуляция в том же стиле, но с чем-то вроде _ngcontent.