Я использую стилизованные компоненты, и у меня есть следующий компонент:
const Comp = styled.div`
color: red;
display: ${p => p.visible ? 'block' : 'none'};
и компонент
<Comp visible={visible} />
, почему всякий раз, когда видимые свойства изменяются - он дублирует весь класс и создает новый вместо того, чтобы просто создавать новый класс с новой динамической c проп? это не имеет никакого смысла и может вызвать много дополнительных css в больших компонентах:
.yeXdf{color:red;display:block}.coLuRa{color:red;display:none}
вместо
.yeXdf{color:red;display:block}.coLuRa{display:none}
Есть ли способ сохранить состояние c css значений и генерировать только динамические c значения? Спасибо.