JS31 января, 2020

Что такое чистые компоненты в Реакте (PureComponent)?

Класс React.PureComponent позволяет создавать на его основе компоненты также, как и класс React.Component, однако они имеют одно важное различие.

В React.PureComponent реализован метод жизненного цикла shouldComponentUpdate(), отвечающий за проверку, нужно ли производить перерисовку компонента или нет. Он производит поверхностное сравнение пропов и состояния компонента с предыдущими, чтобы понять, изменились ли они, и перерисовка происходит только в случае нахождения различий.

В React.Component перерисовка происходит всегда, так как подобная проверка отсутствует. Однако при желании ее может реализовать программист.