Эмоции, порождающие n разных классов, не имеющих общего класса на основе реквизита - PullRequest
Новая
       39

Эмоции, порождающие n разных классов, не имеющих общего класса на основе реквизита

0 голосов
/ 20 марта 2020

Привет, я отображаю список предметов с цветом фона в качестве реквизита. 

const Thumbnail = styled.div<{ url: string }>`
  background-color: url('${props => props.color}');
  border-radius: 2px;
  height: 104px;
  margin-bottom: 8px;
  width: calc(33.33% - 5px);
`;

используется как 

<Thumbnail url={img.thumbnailLink} key={index} />

Emotion генерирует совершенно разные классы для всех компонентов Thumbnail Это ожидаемое поведение? Я ожидаю, что эмоция создаст здесь 2 класса: один для общих стилей 

  border-radius: 2px;
  height: 104px;
  margin-bottom: 8px;
  width: calc(33.33% - 5px)

и один, основанный на значении опоры 

background-color: red

Любая помощь будет оценена

...