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 | 29 | 30 | 31 |
Tags
- 트위터해킹
- 알고리즘 문제 풀이
- 공개API
- 빗썸데이터
- 컴퓨터 논리와 구조
- HDD와 SSD의 차이
- CS스터디
- 주식스팸
- 아마존해킹
- 숫자구하기
- 데이터분석
- ES차이
- 한국디도스
- ES5
- 아키네이처
- 네트워크해킹
- 비전공자개발정리
- 이진검색
- 브라우저 작동원리
- 자바스크립트표준
- es6문법
- 프로세서 속도와 심장 박동수
- API요청
- ECMA설명
- es6
- 1일 1로그 100일 완성 IT지식
- 퀵정렬
- 줌서비스
- 컴퓨터과학
- es3
Archives
- Today
- Total
개발일지
redux, Action Creators에 딕셔너리 자리에 변수 하나만??? 본문
기본적으로 딕셔너리에는 key : value 값이 들어간다. 특히나 redux를 사용하면서 괜한 쉼표 하나에도 오류가 나는데 어떻게 딕셔너리에 파라미터나 변수 하나만 있는데 작동이 될까?? 코드를 봐 보자!
\
// Action Creators
export function createWidget(widget) {
return { type: CREATE, widget };
}
보시다시피 return 딕셔너리에 key:value 값이 있어야할 곳에 중가로를 닫지도 않고 widget이라는 매개변수가 들어가있다
이러면 : 나 value 값을 입력하지 않은 오류가 떠야한다
하지만 딕셔너리안에서 key == value같이 똑같다면 생략할 수 있다.
// Action Creators
export function createWidget(widget) {
// {widget: widget} => {widget}
return { type: CREATE, widget };
}
return 딕셔너리를 펼쳐보면 이렇다
// Action Creators
export function createWidget(widget) {
return { type: CREATE, widget: widget };
}
이게 왜 돌아가지??라고 깊게 생각할게 아니라 그냥 생략이었다 코드 줄이기
코드만 복붙했더라면 알 수 없을 문제인데 강의도 그렇고 이런 상세한 부분도 생각하게 해줘서 좋았다. 이런 디테일 아주 나이스
더보기

썸네일

'리액트' 카테고리의 다른 글
key={index}를 사용하면 안되는 이유 (0) | 2022.06.09 |
---|---|
onClick = useNavigate 실행 순서 오류 / 2개 함수를 실행 할 때는 순서 맞게 정리하기 (0) | 2022.06.07 |
useHistory와 useNavigate의 차이?? 뭘 써야하나? (0) | 2022.06.07 |
JS HTML 리액트 공백이나 띄어쓰기 / margin 스타일 귀찮을 때   (0) | 2022.06.04 |
Redux 간단 정리 (0) | 2022.06.03 |
Comments