4월18일(화) 모달창 닫기 버튼 버그

모달창 닫기 버튼이 안됌.
프롭스도 바꿔보고, 포탈.jsx를 따로 만들어 그걸 임포트해와서 사용하기도, state값을 true줘 보기도
아무리 하여도 안됌..

showModal 붙이니 됌.

    const renderModal = () => {
        if (currentInputIndex < 0) {
            return null;
        }

        return (
            showModal && createPortal(
              <SearchKeywordModal onClose={onCloseModalHandler} />,
              document.body
            )
          );
        };

showModal을 붙이니 해결.

showModal 변수는 해당 모달을 보여주는지 여부를 결정하는 불리언 값입니다. 따라서, showModal 값이 true일 때에만 모달이 생성되도록 조건을 추가하는 것이 필요합니다.

만약 showModal 변수를 추가하지 않는다면, 모달이 항상 생성되기 때문에 currentInputIndex 값이 음수인 경우에도 모달이 생성될 수 있습니다. 이는 원하지 않는 동작입니다.

따라서, showModal 변수를 추가하여 해당 변수가 true일 때에만 모달이 생성되도록 구현해야 합니다.