Использовать response-select @ 2 с styled-components?

Question

Мы используем стилевые компоненты в проекте, и мы задаемся вопросом, есть ли способ получить полную возможность стилевого реагирования в V2. Я имею в виду, что, безусловно, можно использовать объекты для определения стиля, но он выглядит довольно непоследовательным и делает DX немного хуже.

Насколько я понимаю, стилевые компоненты работают путем создания сгенерированного className и присоединения к элементам. По сути, это означало бы, что мне нужно будет использовать components опору в любое время, например. изменить цвет текста. Я не могу использовать styles, если я хочу избежать объекта CSS-in-JS. Это правильно?

Answer 1

Проще говоря, если компонент, который вы хотите стилизовать с помощью styled-components, принимает свойство className, его можно стилизовать с помощью синтаксиса styled(Component).

Я вижу react-select принимает className для каждого компонента, поэтому он должен работать нормально.

например:

import Select from 'react-select';
import styled from 'styled-components';

styled(Select)`
    background-color: red;
    font-size: 20px;
`;