yamoo9
commented
1 year ago 모달 다이얼로그 구현 방식
React 수업 시간에 다룬 Dialog 컴포넌트 학습 자료를 리마인드 하세요. 🥹
모달 다이얼로그 방향성
모달 다이얼로그 구현 질문(https://github.com/yamoo9/likelion-FEQA/issues/214#issuecomment-1481987207) 답변에서 다룬 모달 다이얼로그 코드를 분석해보세요. 😃
아래 내용은 답변 내용 중 일부입니다.
리액트 Props 전달 방법으로 상위 ←→ 하위 컴포넌트 간 상태 공유 및 상태 업데이트 방법을 사용해야 합니다. React 공식 문서 Passing Event handlers as props을 참고하세요.
질문 작성자
빈운기
문제 상황
버튼 클릭하면 뜨는 모달창 하려는데 이 모달창이 컴포넌트입니다. (페이지가 아닙니다.) 감이 전혀 안 잡혀서 그러는데 로직이나 구현방식에 대해서 방향성 제시좀 부탁드리겠습니다. <원하는 상황 시연>
(위에 gif 는 성공한게 아니라,,제가 구현하고 싶은 화면입니다.) 로그인 버튼 클릭 시 보이는 UI 가 모달창으로 나오게 하려고 합니다.
프로젝트 저장소 URL
https://github.com/React-Project-lab5/React-Project-lab5
환경 정보