Как передать реквизиты на псевдоэлементы со стилизованными компонентами?

Question

Чтобы быть более точным c Мне нужна помощь в передаче реквизита на content:" " Вот мой пример:

  &::after {
  content: "test";
  color: ${props => props.color};
  background: ${props => (props.bg ? "green" : "blue")};
}

Вот компонент:

   <StyledBox bg="red" color="green" text="webpack">
      <Webpack />
    </StyledBox>

Если я передам это по содержанию не работает:

${props => props.text}

Есть идеи, каким будет решение?

Answer 1

Ух ты ... Я не уверен, что это правильный синтаксис и решение, но работает, если я заверну содержимое реквизитов в кавычках, как это:

content:'${props => props.text}';