logoahooks dive
Advanced

useIsomorphicLayoutEffect

在非浏览器环境返回 `useEffect`,在浏览器环境返回 `useLayoutEffect`

用法

源码

useIsomorphicLayoutEffect.ts
import { useEffect, useLayoutEffect } from 'react';
import isBrowser from '../utils/isBrowser';

const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;

export default useIsomorphicLayoutEffect;

解读

在浏览器环境返回 useLayoutEffect,在非浏览器环境返回 useEffect

Last updated on

On this page