이미지가 나오지 않네요

[이성현]

쇼핑몰 카드에 이미지 첨부가 되지 않습니다.

선생님의 강의 자료로는 잘 됩니다.

제가 따로 src 폴더에 image 폴더를 만들어1,2,3,4,5 로 파일을 두고

src = {"./image/img_"+(props.i+1)+".jpg"}

를 했는데.. 안나옵니다. 무슨 이유가 있는 걸까요?

 props로 받아오지 않을 때는 잘 나옵니다.

[codingapple]

{ require("./image/img_"+(props.i+1)+".jpg") } 

써봅시다 

[이성현]

선생님 require로 감싸면 화면 자체가 나오지 않게됩니다.

.default를 하라는 것도 해봤는데 역시나 홈페이지 자체가 보이지 않습니다.

이유가 무엇일까요

[codingapple]

폴더구조보니까 img_1.jpg 이런 파일은 image 폴더에 없군요 파일이름이 잘못된듯요 

[이성현]

혼란을 드려서 죄송합니다. 파일 이름은 다 img_1,2,3... 으로 맞췄습니다.

글을 올리면서도 이것 때문인가 하고 바꾸고 해봐서 혼란을 드린 것 같습니다.

이름은 다 맞춰서 했습니다.

새 탭에서 이미지를 열어보니 http://localhost:3000/image/img_NaN.jpg 

가 뜹니다. 또 props+i +1에서 1을 빼고 보면 http://localhost:3000/image/img_undefined.jpg

undefined가 나옵니다.

숫자로 인식하지 못하는걸까요?

 

 

[codingapple]

부모컴포넌트에서 i를 props로 잘 보내고 있는지 확인합시다 

[글쓴이]

글