안녕하세요 코딩애플님 🙂
좋은 강의 해주셔서 리액트, 리덕스 재미있게 배우고 응용해보고 있습니다.
감사합니다!
응용 과정에서 반복문에 대한 혼동이 찾아와서 질문 드립니다..
페이지 내에서 "상품카드" 를 만들어서 반복문을 돌리려 합니다.
상품카드 내에는 "이미지" + "상품정보" 가 담겨있습니다.
그러나, "이미지"와 "상품정보"는 각각 다른 ajax 데이터를 받아옵니다!
"이미지" 에 대한 데이터 정보를 img state에 담고,
"상품정보"에 대한 데이터 정보를 info state에 담았을 때,
둘 중 어떤 state에 map을 돌려야 하나요?
// 아래 코드는 간략히 표현하였습니다. (실제 각 state값은 index.js 내 담겨있고, props로 받아오고 있습니다)
{
info.map((a,i) => {
return (
<상품카드 key={i}>
<info_container>
<p> { info[i].name } </p>
<p> { info[i].country } </p>
</info_container>
<img_container>
<img src= { img[i] } />
</img_container>
</상품카드>
)
})
}
이럴 경우, "상품카드"를 무수히 많이 만들어내고 싶은데,
우선 "info"state에 map을 돌리고, 반복문 내 img부분은 [i]만 붙여보았으나 적용이 되지 않았습니다 ㅠㅠ
다양한 방법으로 시도해 보았으나, 두 개의 state를 한꺼번에 돌리려는데 map은 하나의 state에만 적용해야 해서
이 부분이 계속 해결되지 않아서 여쭈어봅니다 선생님!
감사합니다 🙂
