Задать вопрос
Juniorrrrr
@Juniorrrrr

Можно ли сделать динамический tag в styledComponent?

Возможно ли реализовать в styled components динамический тег?

То есть, есть два тега с одинаковыми стилями и чтобы не копипастить возможно как-то можно передать пропсы и определить тег по условию?

const Elem= styled.div`
 некоторые стили...
`
const Elem= styled.a`
 те же стили...
`
  • Вопрос задан
  • 188 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
@curious-101
Frontend developer
Можно стилизовать, к примеру, div, а в коде в зависимости от условий использовать эти стили к любому другому элементус помощью параметра as. Вот пример
Ответ написан
Комментировать
Имелось ввиду что-то типо такого
const Elem = styled[(props.match ? div: a)]`стили`;


Да, так можно делать.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽