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 |