Как скрыть элементы из DOM, если они не отображаются в окне просмотра в React
Итак, у меня есть вариант использования, в котором у меня есть список элементов, которые необходимо отобразить. Но чтобы сэкономить на производительности, мне нужно отображать только те, которые находятся в текущем окне просмотра. Остальные элементы нужно убрать из поля зрения. Попав в поле зрения, его нужно вернуть. У меня есть ссылка на песочницу кода, которую я использую. Но, похоже, это работает только с одним элементом. Я пробовал использовать их массив, но isInView(состояние) является общим для всех из них и, следовательно, не работает.