이미지 반복문

[현정]

public 폴더에 이미지를 넣고 <img src="../public/art1.jpg"> 이런식으로 쳤는데 엑스표시로 뜨더라고요ㅠㅠ

그래서 app.js에 import로 이미지 불러온뒤 (import art1 from './img/art1.jpg') 이미지로 6번 반복문을 돌리고싶은데 어떻게 쳐야되나요 

let [작품,작품변경] = useState([1,2,3,4,5,6])

원래는 {
              작품.map(function(a,i){
               return(
              <div className='artwork' key={i}>
                <img src={art(i)} />
              </div>
               )
             })
            }

이렇게 했는데 일단 반복할때 .map 앞에 뭐라고 써야될지를 모르겠어서 일단은 저렇게 해놨서요,,

따로 js 파일을 만들어서 첨부할까했는데 이미지 src부분을 뭐라 쳐야될지 모르겠어서

[codingapple]

<img src={'/logo192.png'}  />

이러면 public 폴더에 저장되어있는 이미지뜹니다

이러면 글자 중간에 숫자부분만 i 변수 넣어주면 될듯요

[글쓴이]

글