프론트엔드 개발/React

Redux (4) dispatch를 이용해 count up

하이고니 2023. 1. 26. 19:13



countUp 함수의 param으로 el.id를 넘긴다. 이 param은 countUp 함수의 action.payload가 된다.

배열의 요소 중 내가 count up 하고자 하는 걸 찾아줘야 하므로 filter를 이용해 한 번 걸러준다.

filter에서 리턴된 값은 '내가 원하는 요소 하나만 담은 배열'이므로 0번째 요소의 count를 ++ 해준다.

 

*처음에는 당연히 객체 하나만 걸러진 줄 알고 

state.filter((el) => el.id === action.payload).count++ 이게 왜 안 되지?? 이러고 있었다.

 

filter는 걸러진 게 하나라도..... '배열'을 리턴한다!!