1 asked

0

const [number, setNumber] = useState(0);

const increaseNumber = () => {
  const isOver = over3();
  if(isOver===false){
    setNumber(number + 1);
  }
};

const decreaseNumber = () => {
  // number의 값을 감소시키는 함수

  setNumber(number - 1);
};

const over3 = () => {
  if (number >= 3) {
    alert("3개까지만 선택 가능합니다!");
    return true
  }
  return false;
};

//onClick에 카운트 세는 함수 설정되어있습니다.

<div className="movieposter">
  {datas.map((movie, i) =>
    movie.value === true ? (
      <img
        className="img-responsive_clicked"
        src="https://movie-phinf.pstatic.net/20220214_120/1644825641315cvVKI_JPEG/movie_image.jpg?type=f125"
        alt={i}
        onClick={() => {
          decreaseNumber();
          handleClickImage(i);
        }}
      />
    ) : (
      <img
        className="img-responsive"
        src="img/movie_image1.jpg"
        alt={i}
        onClick={() => {
          increaseNumber();
          handleClickImage(i);
        }}
      />
    )
  )}
</div>;