서버데이터 리액트 출력중에 질문드립니다,

[장경민]

1.서버에서 get 요청이 오면데이터를 보내라 하고

리액트에선 axios 로 get 요청을 보내서

데이터를 받아오는지 콘솔로 확인하였습니다. 

2.위 이미지처럼 콘솔 창에서는 데이터가 잘 확인이 되어 html 로 출력하기위해

{ test } 를 불러오면

 

3.아래와 같은 오류가 나오고 아무것도 나오지 않고 있습니다.

데이터 하나 불러 오지 못하나 자괴감까지 들 정도로 계속 찾아봤는데

해결이 되지 않아 문의 드립니다. ㅠㅠㅠㅠㅠㅠ 뭐가 문제일까요 

 

[codingapple]

array자료를 {} 안에 바로 넣으면 에러납니다 거기 있는 문자나 숫자를 꺼내쓰면 됩니다 

같은 내용은 같은 게시물에 남겨주시면 됩니다

[장경민]

문자나 숫자를 꺼내쓰면 됩니다  라는 말을  이해못했습니다.

 

/list 로 아래와같이 [{}] 형태 인걸 그냥 불러서 오류가 난다는것일까요?

[{"_id":"ㅇㅇㅇ","제목":"어쩌고","날짜":"오늘","콘텐츠":"전송"}]

그리고 뽑아쓰시라는 말이 

{props.test.name} 이런식으로 말씀하는게 맞을까요???

[장경민]

해결했습니다!!

콘솔에 props.test[0] 찍어서 확인후에 

html 상에 

 

{props.test[0].제목}  이러니깐 해결됬네요 ㅠㅠㅠ

감사합니다

[장경민]

추가 질문드립니다.ㅠㅠ

이제 맵 함수를 돌려 반복시키려는데 오류가 나오는건 get 요청전에 함수가 돌아가서

그런걸까요>?? 

 

app.js 

list.js

[codingapple]

네 test state 안에 뭐가 있으면 반복문 돌려달라고 if문을 추가하면 될듯요 

[글쓴이]

글