반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 국비코딩
- Oracle
- CSS
- 리액트
- react
- 정보처리기사실기요약
- 정보처리기사정리
- typescript
- 리액트네이티브
- 자스코테
- 스프링
- 자바스크립트 코딩테스트
- 국비IT
- php
- 정보처리기사실기
- VUE
- ReactNative
- 자바의정석
- 오라클
- spring
- 코딩테스트
- 자바스크립트
- javascript
- 평일코딩
- 타입스크립트
- Java의정석
- 정보처리기사요약
- 정보처리기사
- 이안의평일코딩
- 정보처리기사실기정리
Archives
- Today
- Total
목록Reducer (1)
이안의 평일코딩

지난 블로깅에서는 state를 저장하고 사용하는 방법만 알아보았고, 이번시간에는 데이터 수정하는 방법에 대해서 알아보도록 하자. reducer 함수 state 데이터의 수정방법을 미리 정의하는 함수이다. state 초기값과 데이터 수정방법을 넣는다. function reducer(state = 초기값, 액션) 1. '수량증가'라는 데이터 수정방법 이름을 작명해서 넣어준다. (액션.type === 수정방법이름) 2. if문 안에 '수량증가'라는 요청이 들어올 경우 else if문에는 '수량감소'라는 요청이 들어올 경우 수정방법 정의. 3. else문 안에는 둘 다 안들어온 경우 기본 state를 결과값으로 가져올 것을 수정방법 정의. index.js let 초기값 = [ {id: 0, name: '멋진신발..
Front-end/React
2021. 1. 3. 15:46