Чем отличаются pure components от обычных компонентов?

Question

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

YeaHub · Accepted Answer

В React, чистые компоненты (Pure components) — это компоненты, которые выполняют поверхностное сравнение пропсов и состояния, чтобы избежать лишних ререндеров. Это улучшает производительность, особенно в больших приложениях. Например, если пропсы компонента не изменились, чистый компонент не будет перерендериваться:class MyComponent extends React.PureComponent { render() { return

{this.props.value}

; } }Обычные компоненты, такие как React.Component, не выполняют это сравнение и будут перерендериваться каждый раз, когда их родительский компонент рендерится, даже если пропсы не изменились. Чистые компоненты полезны, когда компоненты рендерят одни и те же данные снова и снова, поскольку они предотвращают ненужные обновления. Однако их следует использовать с осторожностью, так как поверхностное сравнение не учитывает вложенные объекты и массивы, что может привести к неправильному поведению.