리액트
-
React Hook에 대하여(2)Programming/ReactJs 2022. 2. 10. 12:56
React hook은 기본 Hook 3종류와 추가 Hook7종류가 존재한다. 기본 Hook •useState: const [state, setState] = useState(initialState); / 상태 유지 값과 그 값을 갱신하는 함수를 반환 한다. 최초 렌더링 동안 반환된 state는 initialState의 값과 동일하다. •useEffect: useEffect(didUpdate); / 명령형 또는 어떤 이펙트를 발생하는 함수를 인자로 받는다. 전달된 함수는 렌더링이 완료된 후에 수행되게 된다. •useContext: const value = useContext(MyContext); / React.creatContext 객체에서 반환된 값을 받아 현재 값을 반환한다. 추가 Hook •us..
-
React Hook에 대하여(1)Programming/ReactJs 2022. 2. 10. 12:25
React Hook은 리액트 버전 16.8 이후부터 요소로 새로 추가 되었다. Hook을 이용하면 기존의 클래스 기반으로 코드를 작성할 필요가 없으면서 상태를 관리 할 수 있게하여주며, 이는 함수형 컴포넌트로써 완벽히 작성하여 동작 할 수 있다. 우선 기본적인 예제 코드를 확인하여 보자. import React, { useState } from 'react'; function Example() { // "count"라는 새로운 상태 값을 정의합니다. const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count+1)}> Click me ); }; 여기서 확인 할수 있는 것은 바로 useState이다. 이 함..