UseSelector вызывается несколько раз, хотя данный компонент stor не изменился. Как это исправить?

Question

[herasko-sg]

useSelector вызывается несколько раз, хотя данный компонент stor не изменился. Как это исправить?

Answer 1

[Mikhail Osher]

useSelector будет вызываться очень много раз. В целом, компоненты должны быть готовы к тому, что React будет вызывать render многократно.

Важно, чтобы useSelector быстро работал, и чтобы данные, которые он возвращает, не изменялись (проходили проверку на ===).

Почитать на тему: https://overreacted.io/writing-resilient-components/

Comments

[herasko-sg]

Это да, но как лучше обработать, изменились данные или нет? используя useSelector. Т.е. я не хочу, чтоб те данные, которые не поменялись шли дальше в другие компоненты.

[G F]

herasko-sg, если данные не поменялись и пришли в другие компоненты ничего же и не произойдет?

[herasko-sg]

G F, в целом, да, но все равно, вызывать проверку ключей и перерендер некоторых элементов меня напрягает.

[Mikhail Osher]

herasko-sg, вызов функции-компонента или метода рендер у класса-компонента не означает, что будут фактические изменения в DOM дереве.

[herasko-sg]

Mikhail Osher, гениально как по мне, если дом не перендиравается, то все ок.... Допустим, есть какая-то функция, которая зависит от элемента со стора, дак что, это тоже нормально, когда она отрабатывает в холостую, когда изменился совсем другой элемент стора?