본문 바로가기

FrontEnd/React

[FrontEnd] 리덕스 준비



src에 보기와 같이 리덕스 디렉토리를 생성하고


// imports

// actions

// action creators

// initial state

const initialState = {
isLoggedIn : localStorage.getItem("jwt") || false
};

//reducer

function reducer(state =initialState, action){
switch(action.type){
default :
return state;
}
}

//reducer funtions

//exports

//reducer export

export default reducer;


위와 같이 작성한다


이 때,  const initialState는 초기 상태를 객체로써 기억하고 보통 스토어에 담길 내용이다.

isLoggIn은 로그인시 생기는 토큰 값(권한)을 기억하기 위한 보관소이고

jwt가 Item일시에 True반환 아니면 false를 반환한다



function reducer는 상태와 액션을 받음

'FrontEnd > React' 카테고리의 다른 글

[FrontEnd]미들웨어 Redux logger  (0) 2018.11.13
[FrontEnd]미들웨어 Redux Thunk  (0) 2018.11.13
Redux 정의 및 인스톨  (0) 2018.11.11
[FrontEnd] 백엔드 서버와 연결하기!  (0) 2018.11.10
[FrontEnd] Eject ,SASS, CSS Modules  (0) 2018.11.10