shake_shake1
@shake_shake1
HTML-программист, 1С-разработчик, чиню утюги.

Как стилизовать псевдоэлемент React + StyledComponents?

Есть компонент ArticleInfo:

const ArticleInfo = ({key, name, url, text}) => (
    <Article key = {key}>
        <h3>{name}</h3>
        <p>{text}</p>
    </Article>
)


Рендерится он вот так:
{features.map(item => ArticleInfo(item))}

Как я могу в цикле указать background: url(${url}) для каждого псевдоэлемента?
  • Вопрос задан
  • 1097 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
const Article = styled.div`
  &:before {
    background-image: url(${props => props.beforeImage});
  }
  &:after {
    background-image: url(${props => props.afterImage});
  }
`;


<Article beforeImage={beforeImage} afterImage={afterImage}>
  {/* ... */}
</Article>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы