리액트초보자인데
여러기능이 짬뽕되니까 셀렉트 박스 다루는게 너무 빡셈
첫번째 기능
카테고리 부분인데 1차, 2차, 3차, 4차, 5차 카테고리가 있거든?
맨처음 첫번째 셀렉트박스에 1차카테고리 리스트가 있음
이게 지정되면 2차, 3차, 4차, 5차가 차례로 나타나면서 셀렉트가 되어야 하고
두번째 기능
카테고리를 매핑하는게 또 있음
위와 동일한 방식으로 사용자 카테고리가 있고 이걸 선택한 다음에
사용자카테고리로 매핑 버튼을 누르면
사용자가 지정해놓은 마지막 카테고리아이디로 1,2,3,4,5차 카테고리 매핑하는거임
세번째 기능
그리고 이제 이게 저장이 되면 다시 로드 되었을때 저장된 카테고리가 매핑되어야함
이렇게 세개가 합쳐지니까셀렉트박스 서버정보 불러오고 상태관리 하는게
되게 복잡한데 이런거 쉽게 해주는거 없냐...
구현은 됐는데 소스가 너무 useEffect 도배에 쓰레기같아서
그리고 상태는 또 useState, useForm, 전역상태, 서버상태 짬뽕이 되어있어서
어떻게 정리해야할지 모르겠음...
전역 상태로 카테코리 - 하위 카테고리 관리 하면 안되나? 리덕스, 리코일 사용해서 디폴트 카테고리 만들고 셀렉트 변경 시에 하위카테고리 객체 새로 뿌리도록
지금 하려고하는거 원래 빡센기능이 맞음 원래 빡센건데 돌아가기라도 하게하려고 ui기능이랑 로직이랑 혼합해서 어케어케 돌아는 가는거 만들게되는데 그러면 나중에 뭐 건들수가없음 그래서 그렇게 복잡한 컴포넌트는 컴파운드 컴포넌트 패턴으로 쪼개고 짜면 그나마 나음