개발자

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

2023년 06월 09일조회 144

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

1func( 파라미터, url, () => {
2응답 확인 후 다음동작
3});
이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

강병진님의 프로필 사진

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

이형래님의 프로필 사진

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

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

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

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

또는

이미 회원이신가요?

목록으로

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