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

home2 게시판 Node.js, Express 게시판 서버에서 리액트로 데이터를 어떻게 보내나요?

서버에서 리액트로 데이터를 어떻게 보내나요?

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

    김동진
    참가자

     

    리액트에서 닉네임을 post요청을 하면 서버에서 api 를 이용해서 데이터를 찾고  다시 리액트로 데이터를 줘야되는데

    2일동안 해봤는데 안되서 질문드려용... 

     

    리액트에서

    <form action='profile' method='POST'>

    <input name='name'> //닉네임

    이렇게 작성하고

     

    서버에서

    app.post('/profile',(req,res)=>{

    axios.get('apiurltolong' + encodeURI(req.body.name)  // api + 클라이언트에서 받아온 닉네임

    .then((Response)=>{

    res.sendFile('/glaemfek/build/index.html')

    console.log(Response.data)}

    )}

    이렇게 하면  찾은 데이터들이  서버 터미널창에는 오브젝트형식으로  잘 나오는데

    이걸 리액트로 보내는법을 잘 모르겠어요... 

    #24092

    김동진
    참가자

    아 데이터는 잘 가져오고있는거같은데...  그 post 요청을 하면 localhost:5000/profile 로 페이지 전환이 되서

     json 형식이 화면에 나오는데 localhost:3000으로 가야 만들어놨던 ui가 보여서 데이터바인딩을 할수있거든요?

    그게 안되요...

    서버가 5000포트이고 리액트가 3000포트입니다

    #24100

    codingapple
    키 마스터

    폼태그를 사용하면 새로고침이 되니

    axios.post() 써서 post 요청을 서버로 보내면 됩니다 

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

About

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

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

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