Skip to content

Commit abffd01

Browse files
nocode13titovmx
andauthored
Update src/content/reference/react/useLayoutEffect.md
made more clear Co-authored-by: Maxim Titov <[email protected]>
1 parent b1bef58 commit abffd01

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/content/reference/react/useLayoutEffect.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -736,4 +736,4 @@ export default function TooltipContainer({ children, x, y, contentRef }) {
736736
737737
- Или же можно рендерить компонент с использованием `useLayoutEffect` только после гидрации. Создайте состояние `isMounted` , инициализируемое значением `false`, и установите его в `true` внутри вызова `useEffect`. Ваша логика рендеринга может выглядеть следующим образом: `return isMounted ? <RealContent /> : <FallbackContent />`. На сервере и во время гидрации пользователь увидит `FallbackContent`, который не должен вызывать `useLayoutEffect`. Затем React заменит его на `RealContent` , который выполняется только на клиенте и может включать вызовы `useLayoutEffect`.
738738
739-
- Если ваш компонент синхронизируется с внешним хранилищем данных и используете `useLayoutEffect` не только для измерения макета, рассмотрите вариант использования [`useSyncExternalStore`](/reference/react/useSyncExternalStore). Этот хук [поддерживает серверный рендеринг.](/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
739+
- Если ваш компонент синхронизируется с внешним хранилищем данных, и вы используете `useLayoutEffect` не только для измерения макета, рассмотрите вариант использования [`useSyncExternalStore`](/reference/react/useSyncExternalStore). Этот хук [поддерживает серверный рендеринг.](/reference/react/useSyncExternalStore#adding-support-for-server-rendering)

0 commit comments

Comments
 (0)