일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- redux toolkit
- line-through
- toString
- db.json
- redux 사용방법
- react
- react redux
- foreach
- JSON
- Redux
- 인라인블럭
- React state
- 콜백함수
- useSearchParams
- 카우치코딩
- JavaScript
- sort
- couchcoding
- 블럭요소
- React onClick
- 자바스크립트
- 6주포트폴리오
- first-child
- 자바스크립트배포
- Redux store
- javascript코딩테스트
- 협업프로젝트
- javascript React
- useEffect
- useParams
- Today
- Total
목록reducer (2)
개발하는 루루언니
1. Reducer은 function이고 파라미터를 2개 받는다 state,action 2. state는 initialState 값 즉 초기값을 지정해준다. 3. action에는 type과 payload가 있는데 매번 action.type , action.payload 로 사용하기 귀찮으니 let { type ,payload } = action 이런식으로 하여 사용해줘도 된다. 4. switch (type) { case " action에 입력한값 " : return {...state, } } 이런식으로 사용이 되는데 뜻은 action에서 가져온 type명의 case가 일치하다면 return을 해줘라 이소리다. 앞에 꼭 { ...state} 를 써야하는데 처음에 초기값을 지정해준것중 기존에 있는걸 유지를 ..
APP " dispach " Action Reducer store const count=()=>{ dispatch ({type:"INCREAMENT"}) setincruse(incruse+1) } 이 코드를 다 해석하지 말고 중요한 점은 App 에서 dispatch를 넣을 수 있는데 type 을 설정해 줄 수 있다. type: " INCREAMENT" 라는 키와 내가원하는 값을 넣으면? let initialState={ count: 0, } function reducer(state=initialState,action){ console.log(action) if(action.type == "INCREAMENT"){ return{...state,count:state.count+1}; } } console.l..