inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

코드로 배우는 React 19 with 스프링부트 API서버

React Router의 Loader

챕터 5 모달 처리 | Add 클릭 이후 모달창이 안떠요

412

양현빈

작성한 질문수 4

0

모달창이 안떠서 settimeout으로 처리 하니

Modal에 result 값이 true로 적용됩니다

코드는 깃으로 올리겠습니다

 

선생님 강의에 올라와있는 ch06 파일 코드 넣어서 해봐도

모달창이 안뜨네요 ㅜㅜ

 

https://github.com/hyeonbin03/webstromhub

 

react spring-boot jpa jwt redux-toolkit

답변 4

0

고경태

동일한 문제를 겪다가 원인을 찾아서 해결방법을 남깁니다.
결론은 백엔드서버에서 반환하는 key값을 프론트엔드와 통일시켜줘야 합니다...

백엔드서버의 ProductController의 register메서드 반환값이 Map.of("RESULT",pno);입니다.
따라서 리액트에서 setResult(data.result);가 아닌 setResult(data.RESULT);로 해줘야 합니다.

0

양현빈

선생님 스레스슬립 3000으로 설정해도 여전히 모달창이 안떠서 혹시 화면 녹화본이 있는데 메일로 보내드려봐도 될까요

그리고 녹화본에 담겼으면 하는 내용도 같이 알려주시면 같이 보내드려볼게요

0

구멍가게코딩단

그보다는 제가 직접 원격으로 보는게 나을듯 합니다.

팀뷰어를 설치하시고

 

연결 번호랑 비번을

 

cookie_00@naver.com

으로 보내 주시면 제가 원격접속으로 볼까 합니다.

 

0

양현빈

메일 남겼습니다!

0

양현빈

ADD버튼 클릭 시 첫 번째 모달 창이 뜨고 서버로 result값 받아 온것까지 보이는데 두번째 00 번째 상품입니다 라는 문구가 담긴 모달 창이 보이지 않습니다

0

구멍가게코딩단

image올려주신 코드 중에

 

AddComponent에서

 

        postAdd(formData).then(data => {
            setFetching(false);
            setResult(data.result);
            // Show next modal after 2 seconds
            // setTimeout(() => {
            //     setResult(data.result);
            // }, 2000);
        });

 

 

와 같이 테스트 하고, 서버에서 3초 뒤에 응답이 나오게 조절하면 3초간 'Loading...' 모달이 보이다가 결과 모달창이 뜨는 동작이 정상적으로 실행되고 있습니다. 혹시 부트 서버 쪽에서 문제가 있는건 아닐까요?

 

 

0

구멍가게코딩단

코드는 받았습니다. 좀 더 정확한 위치를 알면 좋겠습니다. 어떤 작업 중인지 알려주세요

0

양현빈

https://github.com/hyeonbin03/IntelliJHub
스프링부트 코드도 남기겠습니다!

0

양현빈

선생님 혹시 죄송한데 Spring 실습 코드 있으시면 올려주실 수 있나요,, 대소문자 같은 실수가 있어도 오류가 안떠서 몇시간씩 골썩이네요 ㅠㅠ

 

수정 삭제 컴포넌트 처리 부분 하고있는데 파일 선택 시 선택된 파일 명은 나오는데 Modify 버튼을 눌러도 적용아 안됩니다

어제처럼 리엑트쪽에서만 문제 찾을게 아니라 스프링쪽 문제일수도 있겠다고 생각해서 영상 처음부터 쭉 다시 돌렸는데 오류 해결이 안되네요 ㅠㅠ

0

구멍가게코딩단

메일 드렸으니 확인해 보세요

동일하게 실습하는데 이상하게 페이지를 찾지 못하네요..

0

72

2

22. REST 방식 컨트롤러 만들기(2), 29. 등록처리 부분 질문이 있습니다.

0

74

2

37강. 강의수업듣다 질문드립니다.

0

56

2

TodoDTO test 함수

0

80

3

강사님 오타 있음요

0

77

2

No 1. 교제(ppt) soruce 복붙 문제 의 건

0

94

4

No 1. 교제(ppt) soruce 복붙 문제 의 건

0

70

3

17강 문의드립니다.

0

44

1

카카오 연동설정이 이제 안되는거 같아요

0

187

2

8장 마지막 강의 시 오류

0

98

4

혹시 뭐가 문제인지 알 수 있나요?

0

87

2

챕터: React-Router 설정

0

58

2

백)TODO관련

0

56

2

마리아 db 설치중 포트를 이미 사용중이라고 합니다

0

109

2

이강의 듣고 소화시켰다면 몇년차 정도 개발자라고 할수 있을까요?

0

105

1

CSR , SSR 의 수요 궁금증 질문

0

81

2

섹션5부터...

0

72

1

간단한 코드 질문!!

0

59

2

tbl_todo 질문입니다

0

64

2

수업 외 질문인데 'tbl'이 무슨 의미인가요???

0

288

2

엔티티클래스에서 질문입니다

0

77

2

수정시 writer값이 삭제되는 오류

0

41

2

교안 31 오타 수정해주세요

0

62

2

쿠키에 accessToken, refreshToken을 담고, 조회 시에 undefined

0

78

1