개발자

react에서 서버 응답 기다렸다가 다음 화면으로 넘어가는 기능 구현 질문 있습니다.

2023년 06월 09일조회 121

구현하려고 하는 것 : 서버에 url 보낸 후에 서버에서 응답 올 때까지 페이지 멈춰두었다가 응답이 확인되면 다음 동작 하도록 하기 리액트에서 이렇게 코드 쓰는 게 맞나요? 해봤는데 서버에서 금방 응답이 오면 잘 되는데 응답 시간이 길어지면 그냥 넘어가버립니다..

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

강병진님의 프로필 사진

응답 성공/실패 케이스를 구분해서 작성해야 할 것 같습니다

이형래님의 프로필 사진

안녕하세요! 태그에 남겨주신것처럼 async await을 사용해서 비동기로 작성해야할것 같은데요! await에 then을 사용하고, 강병진님께서 말씀해주신것처럼 응답 성공/실패를 분기처리해주셔야 할 것 같습니다!

1
2
3
4
5
6
7
8
9
10
11
// 예시코드
const someFunc : Function = async () => {
  await api.post(..중략).then((result : any) => {
    if(result.status === "200"){
      // 페이지 이동 
    }else{
    // 응답 실패 에러 핸들링
    }
  })

}

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!