Q. 지금 '어쩌구/data2.json' 으로 요청했는데 버튼을 또 누르면 '어쩌구/data3.json' 으로 요청하게 하려면?
A. 그건 axios.get()안의 경로를 작성하실 때 하드코딩하지 말고 버튼을 1회 누르면 data2.json, 2회누르면 data3.json 이 경로로 요청하도록 코드를 바꿔주시면 되겠네요.
버튼 누른 횟수를 변수나 state에 저장하시면 편리하겠군요.
이거 할려고
let [클릭횟수,클릭횟수변경] = useState(0)
<button className='btn btn-primary' onClick={()=> {
// 로딩중이라는 UI띄움
axios.get("https://codingapple1.github.io/shop/data"+(클릭횟수변경(클릭횟수+1))+".json")
.then( (result)=> {
// 로딩중이라는 UI안보이게 처리
shoes변경( [...shoes, ...result.data] )
// 데이터가져와서 shoes라는 state에 추가
})
// 성공했을때
.catch( ()=> {
console.log('실패했어요')
})
// 실패했을때
}}>더보기</button>
이렇게 했는데 이렇게하면 안되는건가여?ㅠ
