FE/React (1) 썸네일형 리스트형 Flexible한 Modal 컴포넌트 만들기 1. Modal 컴포넌트 준비 modalOption이라는 state를 통해 어느페이지, 어떤 컴포넌트에서든 입맛에 맞게 Modal을 작업해보려고 합니다. 사용하는 곳마다 옵션에 원하는 값, 원하는 로직의 함수를 넣어주게 변수를 정해놓고 시작해봅니다. const OPTION = { show: false, // 모달을 키고 끄는 옵션 title: "", // 모달의 문구 onSubmit: () => {}, // 모달을 킬 때마다 사용할 콜백 함수 onClose: () => {}, // 모달을 끌 때마다 사용할 콜백 함수 element: null // 모달마다 넣고 싶은 추가 컴포넌트 자리 } const [modalOption, setModalOption] = useState(OPTION) 모달 컴포넌트 스타.. 이전 1 다음
