안녕하세요 🙋‍♂️25:15초에서 아래와 같이 className을 선언해도 될꺼 같은데 className을 배열로 선언하신 이유를 알고 싶습니다. <button className={`MyButton MyButton_${type}`} >        

안녕하세요, react로 웹 페이지를 제작 중입니다. 다름이 아니라 3개 이상 선택하면 alert창으로('3개까지만 선택 가능합니다')라고 띄우는 것 까지는 썼는데 이제 확인을 누르면 4개도 다시 클릭이 되더라구요.. 이걸 막는 방법은 뭐가 있을까요..?   관련된 함수랑 코드를 써놓겠습니다..! const [number, setNumber] = useState(0);     const increaseNumber = ()=>{         setNumber(number+1)     };     const decreaseNumber = () => { // number의 값을 감소시키는 함수         setNumber(number - 1);     };     const over3=()=>{         if (number>=3){             alert('3개까지만 선택 가능합니다!');         }   } //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);over3()}}/>                                                     ))}                                     </div>

세로가 길면 화면이 잘리는 현상이 있는데 어떻게 해결해야 될까요?