목록useFadeIn (1)

My Develop Log

[노마드코더]실전형 리액트 Hooks 10개 - (useFadeIn & useNetwork)

useFadeIn useFadeIn은 서서히 나타나는 애니메이션 효과를 주는 hook이다. 우선, useRef를 사용해 element에 접근하여 transition의 opacity의 지연 시간을 5초로 설정 // app.js import { useEffect, useRef } from "react"; const usefadeIn = () => { // useRef를 사용해 element에 접근 const element = useRef(); useEffect(() => { if (element.current) { const { current } = element; current.style.transition = `opacity 5s`; current.style.opacity = 1; } }, []); re..
React 공부/노마드코더 노트정리 2023. 2. 8. 21:59
이전 Prev 1 Next 다음