TIL) 스파르타 개발일지 23-02-17

금융상품리스트에서 products 클릭 시 비교하기에 스테이징 되는 기능을 구현하기 위해서 onClick 함수를 만들었고, 이를 통해 스테이징 되도록 구현했다.

 

이때 동일한 제품을 선택시 반려시키도록 얼럿팝업을 띄우게했고, 선택된 상품이 배열에 다 차게되면, 더 이상 선택할 수 없도록 하였다.

 

  //* 동일된 상품 선택시 함수 종료.
  const handleClickProduct = async (productId) => {
    const index = selectedProductIds.indexOf(productId);
    if (index !== -1) {
      alert("이미 선택된 상품입니다. 다른 상품을 선택해주세요.");
      return;
    }
    //* 선택된 상품이 3개 이상일 경우 함수 종료.
    if (selectedProductIds.every((value) => value !== "")) {
      alert("금융상품은 최대 3개까지만 비교할 수 있습니다.");
      return;
    }
    handleSelectProducts(productId);
  };