에어비앤비 클론코딩 - 8주차

• 모달 하나 뜨면 다른 건 닫히게.
• 헤더 가로스크롤

7주차 피드백

Problem

modal 하나가 뜨면 다른 하나가 사라지게 하고 싶다.

 

지금은 두개의 모달이 동시에 뜬다.

 

Solve

모달을 모달 안에 모달로 만들었는데, 여기서 

안에 있는 밖으로 빼고, useEffect로 조건을 적용하니 해결되는 문제였다.

 

간단한 방법으로 해결되었지만 해결되기까지 꽤 걸린 것 같다.

 

    useEffect(()=>{
        if(signOpen==true){
            setModalOpen(false);
            return
        }
        return
    });

 

---

recoil의 특징을 살리기 위해서 ModalSign 컴포넌트와 ModalNext컴포넌트 를 나눴다.(원랜 같은 컴포넌트 안에 있었음)

 

---

 

 

아직 해결하지 못한 Problem

위 문제와 같은 모달 문제인데 다른 점은 모달 컴포넌트 안에 다른 모달 컴포넌트가 있다는 것이다.

밖으로 뺄 순 있지만 그러면 컴포넌트 길이가 너무 길어져 버린다.

 

props로 상태를  전달해줘야 하는 걸까?