React Redux 기초 2 - reducer 여러개 쓰기(combineReducers)

저번 글에서 reducer는 state바꾸는 함수라고 알려줌
근데 저번 글처럼 만들면 reducer 1개밖에 못쓰잖음
그럼 app에서 전역변수는 1개 쓸꺼임?
그럴 때 쓰는게 combineReducers 이거임

1. 쓰는 법

   import { combineReducers } from 'redux';
   import counter from './counter';
   import todos from './todos';
   

const rootReducer = combineReducers({
counter,
todos
});

export default rootReducer;

1) redux에서 combineReducers 데리고옴
2) 변수하나 만들어서 combineReducers 호출하고 안에다가 넣고싶은 reducer 다 넣음, 객체 하나에 때려넣어야함
3) 그럼 index.tsx에서 변수 이름 만들었던 애만 가져오면 되는거임
```javascript
import rootReducer  from './reducers';

근데 설계 잘해야할 듯, 타입 에러나고 난리남
나는 아직 쓸줄 모르니까 알아서 잘 써보도록
공부 더하고 글 또 쓰겠음

 

 

아무튼 이전글

https://dry-curry.tistory.com/20