axios와 get요청 질문입니다.

[김범수]

개인 프로젝트 진행중 GET요청하여 "더보기"버튼 누를시 데이터를 가져와서 상품 html 3개를 추가 생성하는 과정에서
html 생성이 되지 않습니다.

1. 메인 App.js 파일입니다.


2. men.js 파일입니다.

[김범수]

위 코드처럼 console.log(결과.data)하면

data가 나오긴하는데 버튼을 누르면 html이 추가 생성이 되지 않아서 어느 부분이 문제인지 궁금합니다.

[codingapple]

html 생성하는 반복문같은게 뭔가 이상한게 아닐까요

[김범수]

-> App.js

axios랑 get요청을 사용할때 메인 페이지인 App.js 말고 다른 페이지인 Men.js에서 사용하려면

-> Men.js

위 사진처럼 let = { sheos, setShoes } = useState(data);라고 변수를 저장했습니다.



위 사진처럼 버튼 관련 코드를 작성해서 실행해보니 홈페이지 콘솔창에 array형식의
데이터는 가지고 오는데 상품 html은 생성되지 않고 실패함으로 나옵니다.



html 생성 코드는 선생님이 알려주신대로 작성했는데 어느 부분이 오류인지 잘 모르겠습니다 ㅠㅠㅠ

• 이 답변은 김범수에 의해 1 년, 1 월 전에 수정됐습니다.

[codingapple]

useState왼쪽은 중괄호말고 대괄호써야할듯요
data는 App.js의 state에 보관해두고 props로 전송해서 쓰는게 더 나아보입니다

[김범수]

답변 감사합니다!

[글쓴이]

글