5-29 TIL

TIL: React에서 수정 모달이 안 뜰 때 확인할 사항들

상태 관리

• setIsModalOpen 및 setSelectedExpense가 올바르게 호출되는지 확인하십시오. 수정 버튼이 클릭될 때 상태가 올바르게 업데이트되는지 콘솔 로그를 확인해보세요.

조건부 렌더링

• isOpen prop이 Modal 컴포넌트에 올바르게 전달되는지 확인하세요. 모달은 isOpen이 true일 때만 렌더링되어야 합니다.

스타일링 및 이벤트 버블링

• ModalBackdrop 및 ModalView 컴포넌트의 스타일링과 이벤트 버블링을 확인하세요. onClick 이벤트가 적절히 처리되어 이벤트 버블링을 방지하는지 확인합니다.

모달 컴포넌트

• isOpen이 true일 때만 모달이 렌더링되도록 하고, 모달 외부를 클릭할 때 모달이 닫히는 기능을 구현합니다. 또한, 모달 내부에서의 클릭이 외부로 전파되지 않도록 이벤트 전파를 중지합니다.

이러한 점들을 확인하고 수정하여 React에서 수정 모달이 제대로 작동하지 않을 때 문제를 해결할 수 있습니다.