Я создал компонент, который получает json в реквизитах и отображает его, и пользователь может редактировать его, и с большим количеством функций, и выглядит так:
Когда пользователь загружает большой json, время рендеринга компонента очень медленное. Итак, я хочу визуализировать только видимые элементы, а не все элементы в json, так что это будет быстрее. (Как видите, при overflow-y есть полоса прокрутки).
Я видел много библиотек, которые поддерживают то, что я хочу, например react-window или react-virtualized et c. Проблема в том, что эти библиотеки ожидают получить список компонентов, например:
, а в моем компоненте все компоненты вложены друг в друга , как json, и очень сложный с функциональностью.
1) Есть ли библиотека, которая решает мою проблему?
2) Есть ли другое решение для медленного рендеринга, помимо рендеринга только видимых элементов?