[TIL] 좀 더 단순하게!

위와 같이
1. 컬렉션 버튼을 누르면 왼쪽 모달이 생성
2. 왼쪽 모달의 다음 버튼 클릭 시 => 왼쪽 모달은 닫히고 오른쪽 모달로 변경됨. 을 구현을 하는 과정에서 느낀 점-

왼쪽 모달에서 오른쪽 모달로 넘어가는 코드를 구현할 때
처음엔, 왼쪽모달 안에 오른쪽 모달을 추가하는 코드를 작성해서,
오른쪽 모달을 열면 자꾸 왼쪽 모달이 닫히질 않고 계속 열려있는 현상이 발생했었다

머리를 싸매고, 이리저리 코드를 바꿔봐도 잘 모르겠더라..
그래서 같이 프로젝트하는 분께 여쭤봤더니, 생각보다 참 쉬운 방법으로 해결할 수 있어서
아직 많이 해봐야 하고, 좀 더 단순하게 생각해보자! 고 다시 한번 더 느꼈다.

useState를 하나 생성해서 왼쪽 모달에 false 기본값을 주고, 오른쪽 모달을 클릭하면 true를 주어서
삼항 연산자로 false일 때 왼쪽 모달 컴포넌트를, true 일 때 오른쪽 모달 컴포넌트를 열리게 구현했다. 굿굿!