combineReducer : reducer 합치기

combineReducer

---

• reducer폴더에 index.js 만들기

// index.js
import { combineReducers } from "redux";
import authentiateReducer from "./authentiateReducer";
import productReducer from "./productReducer";

export default combineReducers({
  auth: authentiateReducer,
  product: productReducer,
});

• store.js 수정

// store.js
import { createStore, applyMiddleware } from "redux";
import thunk from "redux-thunk";
// ./reducers만 적어도 index.js파일 자동으로 불러옴
import rootReducer from "./reducers";

let store = createStore(rootReducer, applyMiddleware(thunk));

export default store;

• store에서 가져와서 사용하기
  • 어떤 reduce에 있는 state를 읽어올 지 적어줘야 함

// before
const productList = useSelector((state) => state.productList);

// after
const productList = useSelector((state) => state.product.productList);