이 예시 코드에서, axios를 사용하여 POST 요청을 보내지만, 다른 HTTP 클라이언트 라이브러리를 사용할 수도 있습니다.

in axios •  2 years ago 

React에서 POST 요청을 보낼 때, 일반적으로 서버로부터 응답을 받을 때까지 대기하는 동안 로딩 상태를 표시하는 것이 좋습니다.

이를 위해, React 컴포넌트 내부에 state 변수를 사용하여 로딩 상태를 추적하고, 이를 사용하여 로딩 표시를 토글할 수 있습니다. 아래는 예시 코드입니다:
위의 코드에서, isLoading 변수는 로딩 상태를 추적합니다. handleClick 함수는 POST 요청을 보내기 전에 isLoading 변수를 true로 설정하고, 요청이 완료되면 finally 절에서 다시 false로 설정합니다. isLoading 변수가 true인 동안, Loading... 텍스트가 화면에 표시됩니다.

이 예시 코드에서, axios를 사용하여 POST 요청을 보내지만, 다른 HTTP 클라이언트 라이브러리를 사용할 수도 있습니다.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!