REACT useClick, useHover
useClick useRef() -> document.getElementByID() 사용한 것과 동등하다. 아래의 코드에서 h1 tag는 title이라는 ref를 갖고 있고 useClick을 훅으로 갖고 있다. 따라서 h1을 클릭하는 경우 useClick 내부의 동작을 하게 된다. useEffect로 인하여 클릭할 때 event 리스너를 동작해주고 함수 객체를 반환할 때 이벤트 리스너를 제거한다. didMount, didUpdate 에 동작에서 addEventListener 가 동작하고 WillUnmount에서 제거한다. import React, { useState, useEffect, useRef, StrictMode } from "react"; import ReactDOM from "react-dom..
Web/REACT
2021. 10. 25. 14:22
