Как я могу изменить классы, сгенерированные стилизованными компонентами в реакции?

Question

Классы, сгенерированные стилизованными компонентами: sc-igwadP, есть ли способ настроить его так, чтобы он был таким?=> Icon_sc-igwadP

Answer 1

Это возможно с помощью плагина Babel: babel-plugin-styled-components .

Один из параметров по умолчанию этого плагина упрощает определение классов CSS:

Лучшая отладка: эта опция улучшает имя подключенного класса CSS для каждого компонента с более широким выводом, чтобы помочь идентифицировать ваши компоненты в DOM без React DevTools.В источнике вашей страницы вы увидите: <button class="Button-asdf123 asdf123" /> вместо просто <button class="asdf123" />.

Подробнее здесь