Скрыть блоки, если не помещаются полностью в родительский(React)?

Question

[FishInWeb]

Всем добрый день! Вопрос такой. У меня имеется такая страница, написанная на React, каждый блок записи отдельный компонент. С сервера получаю список записей. Как мне узнать сколько блоков записи поместиться в родительский, чтобы их отрендерить. Например: на скрине мне с сервера приходят 5 записей, в родительский блок помещается только 2 целых записи(если растянуть страницу то должно влезть более), и следовательно пишется "еще 3 записи", если бы влезло 3 записи, то надпись была бы "еще 2 записи". Заранее всем спасибо!

Answer 1

[tehfreak]

Вот этот пакет должен помочь: react-truncate-list.
Там неоптимальное решение, но его вполне достаточно для списков с небольшим количеством карточек.

Comments

[FishInWeb]

Благодарю!