이미지 업로드 2

어제 작성한 코드는 한번에 두개를 클릭했을 때 먹지않는 문제였다 결국 하나씩 선택하면 된다는 말인데 이거는 어떻게 해결야할지 팀원들과 함께 말해봐야할 것 같다.

아직 리덕스 사용에 익숙하지 않아서 props를 사용해서 자식 컴포넌트에 있는 이미지 주소를 부모컴포넌트에 넘겨주었다.
먼저 부모 컴포넌트에서

 const getAddress=(data:any)=>{
  setAddress(data)
  }

자식컴포넌트에서 값을 가져올 수 있는 함수를 선언한 후

useEffect(()=>{
 getAddress(img)
},)

자식컴포넌트에서 이렇게 값을 넣어주었다.

이 후 부모컴포넌트에서 다른 자식컴포넌트로 전달하여 형제 컴포넌트에서 사용할 수 있게 만들었다.

이제 기본적인 업로드는 구현했으니 올렸던 사진을 삭제하는 기능을 구현해야하는데 map함수를 사용했을 때 하나 하나 선택하는 방법을 찾아봐야한다.

지금 캐러셀 슬라이드도 그렇고 모든 문제가 Map함수를 사용했을때 개별 아이템을 선택하는 것이다..