AntD не вариант?) Там есть такая реализация
Не, готовый проект, онли mui
тогда кастомный компонент, который меняет max-height по нажатию
второй ответ уже платный Урок - задавать все что интересует первым вопросом🌚
😂😂😂
Это понятно, спасибо. Но как мне всунуть ...more в конец текста
загугли как это сделать с JS. реакт это не рокетсайнс. тут такие же правила. либо либу отдельно для этого.
я новичок, поэтому предложу только свой вариант - высчитать сколько влезает текста, чтобы можно было в конце поставить ...more и условным рендерингом отображать её там
спасибо, но как раз ищу способ как это сделать
типа {text.length > 20 ? <span>...more</span> : null}
Ну так добавь переменную commentPreview = str.slice(0, x), добавь кнопку show more и рендери то кнопку + коммент превью, то полный коммент в зависимости от булеана
а что подразумеваешь под x
Любое число которое ты определишь как длинну превью коммента
https://codesandbox.io/s/fragrant-sea-2zqbu?file=/src/App.js
сколько он тебе перевёл?))
Та вот жду 🌚
Не учитывает проблему выше
не знаю, есть ли вариант посмотреть для начала сколько span потребует height и от этого условный рендеринг впихнуть. Это я как идею вкидываю
Ну прикольно тоже
substring нужной длины + ... + more. Найти, как нужно явление называется на инглише и гуглить.
если кому-надо, то помогло css свойство line-clamp, спасибо всем за помощь✌🏽
Обсуждают сегодня