Предотвратить повторную визуализацию некоторых компонентов - PullRequest
0 голосов
/ 20 апреля 2019

Я использую реагирующие крючки. Таким образом, есть модальное окно, которое всплывает с кучей входных данных (компонентов), таких как текстовые поля, выпадающие списки, средства выбора даты и т. Д. Проблема в том, что когда редактируется какое-то поле, все мои компоненты формы перерисовываются, и это делает мою форму очень медленной. Я полностью понимаю, почему это происходит. Тем не менее, я хотел бы найти способ, когда я редактирую некоторые входные данные в моей форме, все остальные поля ввода (компоненты) должны оставаться «замороженными» и не отображаться повторно. В противном случае работа с моей формой, имеющей не менее 20 полей ввода, сделает работу очень медленной ...

Ваша помощь приветствуется!

Ответы [ 2 ]

0 голосов
/ 21 апреля 2019

Попробуйте использовать React.memo, который в некотором роде эквивалентен shouldComponentUpdate

Проверьте документацию React.memo

0 голосов
/ 20 апреля 2019

Вы можете использовать Неконтролируемые компоненты .Он не использует setState, поэтому он не будет повторно отображаться при вводе некоторого входного значения.Затем вы можете отправить все, когда отправляете форму.

...