hooks2 [React] useEffect로 clickEvent 다루기 - Hooks 목표 useEffect로 component를 클릭했을때 console창을 update시켜준다. 1. ref안에 element.current가 있는지 확인하는 일을 한다. 2. element.current가 있다면 click이벤트를 부여한다. + (dependency가 존재하지 않는 한) useEffect는 componentWillUnMount일때 발생한다. useEffect안에 function을 넣으면 componentDidMount, componentDidUpdate상태일때 호출된다. (만약 dependency가 존재한다면) 매번 update될 때마다 eventListener가 추가될 것이다. (component가 unmount된다면 (=componentWillUnMount)) return한다. ret.. 2019. 11. 17. [React] useState - Hooks Hook은 React 버전 16.8에 새로 추가되었다. Hook을 이용해 class를 작성할 필요없이 상태 값과 여러 React의 기능을 사용할 수 있다. 1. State Hook import React, { useState } from "react"; const App = () => { const [item, setItem] = useState(1); const icrementItem = () => setItem(item + 1); const decrementItem = () => setItem(item - 1); return ( Hello {item} Start editing to see some magic happen! Increment decrement ); }; useState는 현재의 stat.. 2019. 11. 11. 이전 1 다음 LIST