• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 서버데이터 리액트 출력중에 질문드립니다,

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

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #25168

    장경민
    참가자

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

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

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

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

    { test } 를 불러오면

     

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

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

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

     

    #25180

    codingapple
    키 마스터

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

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

    #25184

    장경민
    참가자

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

     

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

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

    그리고 뽑아쓰시라는 말이 

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

    #25195

    장경민
    참가자

    해결했습니다!!

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

    html 상에 

     

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

    감사합니다

    #25201

    장경민
    참가자

    추가 질문드립니다.ㅠㅠ

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

    그런걸까요>?? 

     

    app.js 

    list.js

    #25221

    codingapple
    키 마스터

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

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠