![]()
hooks를 쉽게 사용해봅시다. 일단 실행부터 해보고 구조를 뜯어보는 방식이 이해하기 쉽다고 생각합니다. 이전에 했던 reducer의 복습을 한번 할 겁니다. useReducer 기출 변형 import React, {useReducer }from 'react'; function reducer(state, action){ console.log(`action의 name ->${action.name}`); console.log(`action의 value ->${action.value}`); return{ ...state, [action.name]:action.value }; } const App =()=>{ const [state, dispatch]= useReducer(reducer, {user:'' , n..
![]()
hooks 란 react 16.8 버전부터 도입된 기능으로 함수형 컴포넌트에서 할 수 없었던 상태 관리를 가능하게 해주는 내장 라이브러리입니다. useState useEffect useReducer 설명합니다. create react app을 이용하여 새로운 프로젝트를 만들어 줍시다! 먼저 useState를 설명드리겠습니다 딱 한 페이지 분량으로 설명합니다. 클래스형 컴포넌트의 setState와 동일하게 값이 변경되면 리 렌더링을 해줍니다. 하지만 useState는 사용할 때 요렇게 사용한다. 간단하게 짜 봤는데 설명드리자면 import React , {useState} from 'react'; const App =()=>{ const [data , setData] = useState(0); return..
