2차원배열 데이터바인딩 질문드립니다

[애플애플]

게시물을 올릴 때 부트스트랩 carousel을 사용해서 다중파일 업로드를 통해 여러장의 이미지가 보여질 수 있도록 코드를 짜고 있는도중에 문제가 생겨서 질문 드립니다.

위 사진과 같이 src에 배열에 담겨져 있는 경로가 하나로 합쳐져서 바인딩이 되어버리는데 [0] [1] [2] 이렇게 각각 나눠지도록 바인딩 시킬 수 있는 방법이 있을까요? 

 

 

[codingapple]

map으로 반복문돌리고 있으면 map을 두번 쓰면 됩니다

FileImg[i] 이게 array자료면 

 

FileImg[i].map((j)=>{

  return <img src={j}/>

})

이런거 안에 추가하면 될듯요? 

[애플애플]

[애플애플]

선생님이 알려주신 대로 &&를 활용해서 해결하였습니다!

그런데 한가지 문제가 생겼는데요 게시물 업로드를 하면 

 props.history.push("/main") 로 메인화면으로 이동하게 코드를 작성하였는데 

게시물은 그대로 뜨지만 이미지는 /main에서 한번 더 새로고침을 해줘야 이미지가 정상적으로 뜨는 오류가 있습니다.

혹시  props.history.push("/main")를 두 번 사용하는 방법도 있을까요?  

[codingapple]

props로 history를 전해주지말고 그냥 var history = useHistory() 해서 써봅시다 

[글쓴이]

글