개발일지

redux, Action Creators에 딕셔너리 자리에 변수 하나만??? 본문

리액트

redux, Action Creators에 딕셔너리 자리에 변수 하나만???

MotherCarGasoline 2022. 6. 7. 10:54

  기본적으로 딕셔너리에는 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 };
}

이게 왜 돌아가지??라고 깊게 생각할게 아니라 그냥 생략이었다 코드 줄이기

코드만 복붙했더라면 알 수 없을 문제인데 강의도 그렇고 이런 상세한 부분도 생각하게 해줘서 좋았다. 이런 디테일 아주 나이스

 

더보기

썸네일

 

Comments