Реагировать на собственный PureComponent и shouldComponentUpdate

Question

Мне нужно знать, что означает shallow comparison при использовании PureComponent. На самом деле я читал кое-что, но не мог понять значения этого, поэтому, пожалуйста, упростите его.

Другой вопрос, когда мы могли бы использовать PureComponent , а при использовании shouldComponentUpdate?

Answer 1

Примерно Shallow Comparison, вы можете проверить этот ответ

{ ссылка }: ~: text = Shallow% 20compare% 20is% 20efficient% 20way, вы% 20dnot% 20mutate% 20data. & Text = shallow% 20comparison% 20is% 20when% 20the, сравнения% 20deeper% 20into% 20the% 20properties .

About shouldComponentUpdate [https://en.reactjs.org/docs/react-component.html#shouldcomponentupdate]

Используйте shouldComponentUpdate (), чтобы сообщить React, не влияет ли на вывод компонента текущее изменение состояния или свойств. Поведение по умолчанию - повторный рендеринг при каждом изменении состояния, и в подавляющем большинстве случаев вам следует полагаться на поведение по умолчанию. состояние, если вы хотите предотвратить это, вы можете использовать shouldComponentUpdate().

About PureComponent [https://blog.logrocket.com/pure-functional-components-in-react-16-6/]

Компонент React можно считать чистым, если он рендерит тот же вывод для одного и того же состояния и свойств. Для таких компонентов класса React предоставляет базовый класс PureComponent. Компоненты класса, расширяющие класс React.PureComponent, рассматриваются как чистые компоненты.

Я настоятельно рекомендую вам прочитать о React Hooks [https://en.reactjs.org/docs/hooks-intro.html]. Это позволяет легко иметь PureComponents и контролировать, когда и как его следует перерисовать.

С уважением.