제가 로그인 페이지를 같이 만들어보고 싶은데 id와 password를 지정하고 그거만 맞으면 메인 페이지인 검색창으로 넘어가는걸 한번 교수님 강의를 듣고 만들고 있는데 도무지 만들어지지가 않습니다. 혹시 어떻게 하면 좋을지 알려주시면 안될까요? app과 loginform 사진입니다. 알려주세요 ㅠㅠ
교수님 로그인 페이지를 만들고 싶은데 만들지 못하겠습니다.
bbanggyu
작성일
24.05.09 16:16
조회수
236
댓글 1
검색 페이지에 로그인 컴포넌트를 추가하려고 하시는 것 같아 보입니다. handleInputChange 함수가 없어서 어떻게 동작할지는 잘 모르겠습니다.
다만 LoginForm에서 id와 password 필드가 바뀔때 마다 props.onChange로 바뀐 값을 넘겨주는 게 문제가 될 것 같아요. id와 password 상태를 각각 관리하려는 의도같은데 onChange 함수로 하나의 값만 받기 때문입니다.
이미지보다는 전체 코드를 알려주시면 제가 더 잘 파악할 수 있습니다. 깃헙 링크를 주시면 더 빠르게 볼수 있고요.
답글
bbanggyu
2024.05.23https://github.com/BBangGy/Sw_Project-3-1/tree/main
한번만 봐주세요
김정환
2024.05.30LoginForm에서 입력한 필드가 어떤 상태로 저장되나요? 프롭으로 받은 id, password를 연결하고 있지만 변경 이벤트가 발생할 때 onSubmit 함수로 전달하는데요. 부모 컴포넌트에서 딱히 상태를 관리하지는 않는 것 같습니다.
오타도 발견했어요.
https://github.com/BBangGy/Sw_Project-3-1/blob/main/LoginForm.js#L11
이전에 말씀드린것 처럼 필드 상태를 어디선가 관리해야 입력이 될텐데요. 이 부분은 먼저 해결하신 뒤에 인증 쪽을 연결해 보시면 좋을 것 같습니다.
--
두 번이나 말씀 주셨는데 늦게 확인했습니다. 많이 기다리셨을 것 같아서 죄송합니다.
bbanggyu
2024.06.06해봤는데 모르겠어서 혹시 한번만 고쳐서 알려주시면 안될까요? ㅠㅠ 죄송합니다..
김정환
2024.06.10각 컴포넌트 별로 역할을 잘 수행하도록 구성하시면 문제를 해결하는데 도움이 되시지 않을까 싶습니다. 제가 수업 내용에 한해서만 답변드릴 수 있는 점 양해 부탁드립니다.