# reactHook

7개의 포스트
post-thumbnail

[리액트] useReducer란?

useReducer란? React의 상태관리를 위한 Hook중 하나이다. useState와 비슷하지만 컴포넌트와 컴포넌트 업데이트 로직을 분리할 수 있다는 장점이 있다. Context API로 전역 값을 관리할 때 사용되는 Hook이다. > useReducer 사용법

2022년 5월 17일
·
0개의 댓글
post-thumbnail

ReactHook - useContext

부모가 가진 모든 데이터를 바로 밑에있는 자식컴포넌트를 거쳐 더 하위에 있는 컴포넌트에 데이터를 전달해야 할 경우, 중간에 거치는 컴포넌트들에 props를 전달해줘야하는 것=> 필요없는 중간 컴포넌트들에도 Props를 주면 prop을 수정시에 해당 prop을 입력해준

2022년 3월 24일
·
0개의 댓글
post-thumbnail

React Hook - useReducer

상태변화 로직 분리 한 컴포넌트에 많은 스테이트를 관리하게되면 복잡해짐 분리해서 사용해도 스테이트처럼 사용이 가능함

2022년 3월 24일
·
0개의 댓글
post-thumbnail

React Hooks 사용하기(2)_useReducer, useMemo

useReducer는 useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 값으로 업데이트해 주고 싶을 때 사용하는 hook이다. reducer는 현재 state, 그리고 업데이트를 위해 필요한 정보를 담은 action 값을 전달받아 새로운 상태를 반환하는

2021년 12월 1일
·
0개의 댓글

리엑트 hook 정리

기존 Class 바탕의 코드 작성 필요없이 React 기능 사용컴포넌트에서 가변 상태를 지닐 수 있게 해준다.상태관리가 필요할 때 사용랜더링 될 때마다 특정 작업 수행하도록 설정할 수 있는 hook클래스형컴포넌트에서 componentDidMount와 componentD

2021년 8월 26일
·
0개의 댓글
post-thumbnail

useReducer

useReducer는 useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 다른값으로 업데이트 하고 싶을때 사용한다.리듀서는 현재 상태, 업데이트를 위해 필요한 정보를 담은 액션(action)값을 전달받아 새로운 상태를 반환하는 함수이다. 리듀서 함수에서

2021년 3월 4일
·
0개의 댓글
post-thumbnail

[React] 함수형 컴포넌트 사이에서 props 전달하기

2차 프로젝트를 하는 도중에, props 전달을 부모에서 자식으로, 자식에서 부모로, 부모에서 다른 자식으로 전달해야하는 경우를 만났다. 이 흐름(flow)을 한번에 이해하는게 어려워서 프로젝트 도중이지만, 기록을 해본다.

2020년 10월 11일
·
0개의 댓글