Перенесите классную серию в стилизированные компоненты ⇐ Javascript

[Anonymous]

Я использовал стиль-компоненты для стиля React-Big-Calendar, и мне нужно передавать классы каждой части, которая мне нужна с другим именем, вместо того, чтобы передавать общий класс в ATTRS-компонент стилизованного компонента. Как я могу это сделать?
Вот мой пример кода < /p>

Код: Выделить всё

Div = styled.div.attrs(() => ({
className: "rbc-my-header",
})) < {
"calendar": any,
"offRange": any,
"offRangeBG": any,
"header": any,

} >
`
.rbc-calendar {
background-color: transparent;
${({calendar}) => calendar};
${({calendar}) => `className: $ { calendar.classes}`};
}

.rbc-off-range {
background-color: transparent;
opacity: 0.5;
${({offRange}) => offRange};
}

.rbc-off-range-bg {
${({offRangeBG}) => offRangeBG};
}

.rbc-header {
background-color: transparent;
${({header}) => header};
}

`< /code>
< /div>
< /div>
< /p>
Мне нужно передать что-то подобное < /p>






Подробнее здесь: [url]https://stackoverflow.com/questions/79755991/pass-classname-to-styled-components[/url]