[TIL] 2023.01.15

SangHeon·2023년 1월 15일
0
post-thumbnail
post-custom-banner

1차프로젝트 장바구니 페이지를 구현하며
상품의 총 가격을 반영해야하는 일이 생겼다.
state로 관리하여 해당하는 상품의 가격을 모두 더해주어도 괜찮지만
reduce 함수를 사용하여 간단하게 처리하기로 해보았다.

const totalPrice = selectedItems.reduce(
  (acc, curr) => acc + curr.itemPrice,
  0
);

선택된 상품의 배열을 reduce함수로 탐색하며
이전값과 현재값을 계속해서 더해주는 로직을 작성하여 totalPrice를 상수로 관리할 수 있게 되었다.

결과적으로 state의 변동에 따른 리렌더링이 감소하게 되어 프로덕트가 조금 더 효율적으로 동작하게 되었다.

profile
Front-end Developer

0개의 댓글