Каков рекомендуемый способ удаления элементов для React-Virtualized Masonry?

https://codesandbox.io/s/l79vn4rowq

При удалении элементов я не повторно инициализирую cellMeasurerCache, поскольку у меня уже есть размеры каждого элемента. При этом верхняя и нижняя границы для заполнения кэша позиций не устанавливаются, поскольку CellMeasurer не вызывает invalidateCellSizeAfterRender, если измерения уже присутствуют в кэше.

      //hack to set a range for populating position cache
      masonryInstance.invalidateCellSizeAfterRender({ rowIndex: 0 });
      masonryInstance.invalidateCellSizeAfterRender({
        rowIndex: batchSize - 1
      });

      //populate position cache
      masonryInstance.recomputeCellPositions();

Мне пришлось использовать метод взлома invalidateCellSizeAfterRender для установки верхней и нижней границ для заполнения кеша позиций. Есть лучший способ это сделать?

Я давно не работал с компонентом Masonry. То, что вы описываете, похоже, может быть ошибкой в ​​Masonry. Все, что я ожидал от вас, это вызвать masonryInstance.clearCellPositions() после обновления вашего кэша позиций, но этого недостаточно.

bvaughn 26.07.2018 16:58
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
1
359
0

Другие вопросы по теме