안녕하세요 강사님!~
220
작성한 질문수 10
- 여러분의 질문을 고대하고 있습니다. :-)
- 질문 전에 검색을 먼저 해보세요. 사람 사는 게 다 비슷하다는 것을 알게 됩니다.
- 예의는 거침없이 질문하기 위한 최고의 발명품입니다.
- 100개의 설명이 스크린샷 한방 보다 못할 수 있습니다.
- 코드를 첨부하면 전세계 누구나 이해할 수 있는 질문이 됩니다.
- 하나의 질문에는 하나의 주제를 담아야 답변도 예리해집니다.
- 시행착오를 알려주시면 곧 바로 원하는 문제에 집중할 수 있습니다.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
안녕하세요 강사님 axios 처리 과정 구현 중
안돼는 부분이 있어 질의 드립니다.
현재 response를 받아서 응답코드가 201일 경우
success Alert 컴포넌트를 띄우고 싶은데...
백엔드 쪽에 계정만 생성되고 프론트쪽에는 아무런 변화가
없습니다. 혹시 어떤 방향으로 처리해야 할지 문의드립니다.
const onSubmit = (e) => {
e.preventDefault()
setErrors({});
Axios.post("http://localhost:8000/accounts/signup/", inputs)
.then(response => {
if(response['status'] === 201)
{
return (
<Alert severity="success">Success</Alert>
)
}
history.push('/')
console.log(response['status'])
},
)
.catch(error => {
if (error.response) {
setErrors({
username: (error.response.data.username || []).join(" "),
password: (error.response.data.password || []).join(" "),
email: (error.response.data.email || []).join(" ")
});
console.log(error.response)
}
})
.finally(() => {
setLoading(true)
setInputs({username: '', password: '', email: ''})
});
};
답변 1
1
안녕하세요.
response.status 체크를 하셨지만, 반환한 Alert 컴포넌트가 실제로 화면에 표현되지 않아서 발생하시는 이슈 같습니다. Axios 내에서 jsx를 리턴하더라도 이것이 화면에 반영되는 것은 아닙니다. 렌더링을 할 대상이 없기 때문입니다.
Alert 컴포넌트는 단순히 <박스 스타일>을 도와주는 컴포넌트 일 뿐입니다. 이를 구현하실려면 추가로 Portals API를 학습해서 구현해보실 수도 있지만, ant design에서는 notification와 같은 api도 있으니 이를 활용해보시면 어떨까요?
https://ant.design/components/notification/
화면 우상단에 아래와 같은 알림창이 뜨며, 여러 위치로 설정하실 수 있으실 것입니다.
성격은 조금 다르지만, Popconfirm과도 같은 컴포넌트도 있으니 참고해보세요.
https://ant.design/components/popconfirm/
Ant Design과 같은 UI 프레임워크를 쓰신다면, 틈 나실 때마다 제공해주는 컴포넌트를 하나하나 살펴봐두시면 추후 개발하실 때에 도움이 됩니다.
화이팅입니다. :-)
안녕하세요.
0
62
1
[OneToOne Field Demo] get_user_model() 메서드를 활용해야 하는 이유?
0
285
1
useEffect 훅에서 else 유무에 따른 결과
0
222
1
useAxios 훅의 dependency array 설정
0
254
1
useEffect에서 변수 업데이트 관련 질문
0
390
1
rest_framework.generics.CreateAPIView의 model 속성 유무
0
276
1
bootstrap4
0
481
4
리뉴얼 강의가 오픈이 되면 기존 강의는 더이상 못보는걸까요
1
374
1
admin form에서 앞선 필드 선택 후 다른 필드 select widget 구성하는 방법
0
578
3
useState는 필수일까요?
0
272
1
python manage.py makemigrations instagram 시 created_at default 오류가 발생합니다.
0
611
4
Django allauth를 사용한 소셜 로그인 시 에러
0
660
1
프로젝트명 변경 뒤, 디버그툴바+디버그모드 사용 시 에러
0
569
2
useLocalStorage() 함수 사용여부
0
238
1
django에 LOGIN_URL = '/accounts/login/'의 의미?
0
454
1
리듀서의 의미 재확인
0
439
1
simple-jwt Refresh Token 사용 노하우
0
907
2
docker compose 를 통한 배포 관련 오류 문의
0
686
1
파이썬 속도 장고 관련 궁금한게 있습니다.
0
372
1
is_like_user
0
238
1
related_name 오류
0
278
1
re_path 오류
0
265
1
re_path url
0
255
1
No post matches the given query
0
671
2





