@vladis26

Как скрыть/показать контент React?

Всем привет!
Есть массив тегов, и есть div, в который маплю теги. Нужно сделать так, чтобы на мобилке (к примеру до 500px) выводился 1 тег и кнопка "Показать все", которая откроет все остальные, которые будут скрыты, а на планшетах и компах нужно вывести 2 строки тегов (на всю ширину экрана) и такую же кнопку "Показать все", которая так же отобразит все остальные.
Как с помощью React сделать, подскажите или хотя бы натолкните на мысль. Спасибо!
  • Вопрос задан
  • 126 просмотров
Пригласить эксперта
Ответы на вопрос 2
В стилях изначально скройте кнопку, а уже через media queries показывайте ее в нужный момент и уменьшайте высоту div под один тег.
Так же можно использовать для этого хук. Например этот
Ответ написан
w13vitaliy
@w13vitaliy
self-taught developer since 2020
Есть библиотека react-responsive
Ответ написан
Ваш ответ на вопрос

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

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