useIsomorphicLayoutEffect()
function useIsomorphicLayoutEffect(effect, deps?): void
클라이언트에서는 useLayoutEffect 를 사용하고 서버사이드에서는 useEffect를 사용합니다. useLayoutEffect 를 SSR지원해야 하는 영역에서 주로 사용합니다.
Parameters
| Parameter | Type | Description |
|---|---|---|
effect | EffectCallback | Imperative function that can return a cleanup function |
deps? | DependencyList | If present, effect will only activate if the values in the list change. |
Returns
void
Example
const Component = () => {
useIsomorphicLayoutEffect(() => {
do something
},[]);
return (
<div>
{...}
</div>
);
}
Version
16.8.0