From 3a22a6e82db9dabc2ebb9193a343560464ee2954 Mon Sep 17 00:00:00 2001 From: Khikmatjon Azizov <102743448+khikmatjonazizov@users.noreply.github.com> Date: Mon, 2 Sep 2024 21:55:01 +0500 Subject: [PATCH] =?UTF-8?q?changed=20word:=20"=D0=B4=D1=80=D1=83=D0=B3?= =?UTF-8?q?=D0=BE=D0=B9"=20=3D>=20"=D0=B4=D1=80=D1=83=D0=B3=D0=B8=D0=BC"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Maxim Titov --- src/content/reference/react/useCallback.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useCallback.md b/src/content/reference/react/useCallback.md index 05a26f0f5..3df88e8ee 100644 --- a/src/content/reference/react/useCallback.md +++ b/src/content/reference/react/useCallback.md @@ -103,7 +103,7 @@ function ProductPage({ productId, referrer, theme }) { Вы заметили, что при переключении пропа `theme` приложение на мгновение зависает, но если убрать `` из вашего JSX, оно работает быстро. Это говорит о том, что стоит попытаться оптимизировать компонент `ShippingForm`. -**По умолчанию, когда компонент повторно рендерится, React рекурсивно отрендерит снова все его дочерние компоненты.** Поэтому, когда `ProductPage` рендерится с другой `theme`, компонент `ShippingForm` *тоже* повторно рендерится. Это нормально для компонентов, которые не требуют больших вычислений при рендере. Но если повторный рендер медленный, можно сказать `ShippingForm` пропустить повторный рендеринг, если его пропсы такие же, как при последнем рендере, обернув его в [`memo`:](/reference/react/memo) +**По умолчанию, когда компонент повторно рендерится, React рекурсивно отрендерит снова все его дочерние компоненты.** Поэтому, когда `ProductPage` рендерится с другим `theme`, компонент `ShippingForm` *тоже* повторно рендерится. Это нормально для компонентов, которые не требуют больших вычислений при рендере. Но если повторный рендер медленный, можно сказать `ShippingForm` пропустить повторный рендеринг, если его пропсы такие же, как при последнем рендере, обернув его в [`memo`:](/reference/react/memo) ```js {3,5} import { memo } from 'react';