[Redux] 사용법

let alert초기값 = true;

function reducer2(state = alert초기값, 액션){
  if()
  return state
}

let store = createStore(combineReducers({reducer,reducer2}));

 

Cart.js로 와서 다음과 같이 state.reducer와 state.reducer2를 한다.

function state를props화(state) { //redux store데이터를 가져와서 props로 변환해주는함수
    return {
        state : state.reducer,
        alert열렸니 : state.reducer2
    }
}

 

 

 

 

state를 쉽게 꺼내 쓰는 방법

Cart 아래 다음을 입력한다

let state = useSelector((state) => state);

다음을 바꿔준다

props.state를

state.reducer로 바꿈

 

응용을한다면

let state = useSelector((state) => state.reducer);

로 변수를 저장하면 state만 써도 된다. 대신 reducer 외에 다른 redux 값은 사용못함

 

dispatch를 사용하려면

let dispatch = useDispatch();

를 입력하고 props.dispatch 대신 dispatch만 입력하면 된다.