Проблема с производительностью при использовании избыточной формы - PullRequest
0 голосов
/ 09 октября 2018

Мы использовали избыточную форму и видим заметную задержку при вводе пользователем в поле ввода.Я не совсем уверен, если это проблема с избыточной формой.Вероятно, это может быть способ, которым мы структурировали наши компоненты.Итак, у нас есть страница, на которой перечислены некоторые данные, скажем, 25 строк и фильтры для них.При нажатии кнопки мы открываем модал, где мы визуализируем редукс-форму.Теперь, если пользователь вводит любое из полей ввода, все элементы списка на базовой странице также будут перерисованы.Мы используем React.Component для элементов списка.Реакция опции «Подсветить обновления» в devtool выделяет элементы списка, но когда я делаю console.log в методе рендеринга элемента списка, он не печатает!

Интересно, если это происходит, потому что родительский компонент элемента списка также является (избыточным) подключенного компонента, и когда Field в поле redux-form обновляет хранилище, это также перерисовывается?Как использовать редукс-форму в таком сценарии?Я не думаю, что рекомендуется иметь несколько магазинов.

1 Ответ

0 голосов
/ 09 октября 2018

Я предполагаю, что у вас есть прослушиватель событий, когда изменяется какой-либо из входов в форме, а затем вы выполняете некоторую выборку / фильтрацию в базовом списке?

Выполнение этого при быстрой печати может привести кхит производительности, в зависимости от того, что делает ваш слушатель событий.Вы можете попробовать использовать что-то вроде lodash.debounce , чтобы запустить слушатель только после того, как пользователь перестал набирать примерно 200 мс?

...