미리보기 이미지 클릭하면 메인 이미지로 뜨게 하기

[김우병]

 

안녕하세요 선생님 
data를 따로 제가 임의로 만들어서 image ~ image3까지 만들었습니다
조그마한 이미지 클릭하면 메인 이미지로 보이게 하고 싶은데
제가 누른 이미지의 값을 가져오는게 가능한가요?..
전 onClick 으로 메인 이미지의 image숫자를 변경시켜서 처리하고 싶은데 어떤 식으로 다가가야 할지 막막하네요
조언좀 해주실 수 있을까요? 

[codingapple]

첫사진엔 onClick={()=>{ console.log(0) }}
둘째사진엔 onClick={()=>{ console.log(1) }}
...
직접 숫자 넣으면 됩니다

[김우병]

네 말씀대로 이미지 값 가져오는 건 이해했습니다
제일 큰 이미지를 제가 누른 이미지로 변경하려면 제일 큰 이미지 들어갈 칸에 이미지가 아니라
제가 클릭한 값이 들어가게 함수로 넣어야 하는걸까요?

[codingapple]

지금 몇번이미지 눌렀는지 저장할 state 하나 만들고
state가 1이면 1번이미지 state가 2면 2번이미지를 보여달라고 if문 같은거 쓰고
작은 이미지 클릭할 때 마다 state를 원하는대로 변경해줍시다

[김우병]

이렇게 접근하는게 맞겠죠?

[codingapple]

넴 이미지 이름에 1,2,3같은 규칙이 있으면 if 필요없을 수도 있습니다

[김우병]

덕분에 성공 했습니다 선생님 아리가토!!

[글쓴이]

글