[Redux]알아보자

건강전도사·2022년 4월 26일
0

Redux에서 제공하는 공식도구인 Redux Toolkit을 쓰세요.(RTK)

1. 키워드

1)액션

: 상태변화가 필요할 때 발생시키는 객체

{
	type:"ADD_TODO"
	data:{
		id:0,
    	text:"리덕스 배우기"
   		}
}

2)액션 생성함수

: 파라미터를 받아, 액션객체를 만드는 함수

export const changeInput = text=>({
	type:"CHANGE_INPUT",
    text
    });
  • 컴포넌트에서 액션 쉽게 발생시키기 위해 액션 생성함수 만듬 - export를 붙여 다른 파일에서도 불러올 수 있음

3)Reducer

:변화를 일으키는 함수. state, action 두 가지 파라미터 받아, 새로운 state를 반환함.

4)Store

: 현재 앱의 state, reducer, 내장함수가 들어있음. 한 애플리케이션에 하나의 스토어 보유

5)Store의 주요 내장함수

  • dispatch : dispatch(action)형식으로, 해당 액션을 발생시킴. store는 리듀서 함수 실행시켜 해당 액션 처리하는 로직과 action을 참고하여 새로운 state만들어줌

  • subscribe : actiondispatch될 때마다 전달해준 함수 호출. 보통 사용할일 없고, connect함수나 useSelector Hook이용하여 리덕스 store의 상태 구독함.

profile
실수는 삶과 정신의 여백입니다. 여백이 많은 츄러블슈팅 맛집

0개의 댓글