선생님 프론트 강의 진행 중 문의드립니다.

Question

선생님 안녕하세요. 저는 선생님 강의를 기반으로 블로그를 제작하는데 레이아웃을 제가 원하는 형식으로 해보고 싶어서 제작중인데요, 부트스트랩을 이용하지 않고 직접 디자인하면서 만들거라서 진행중인데 header 컴포넌트 이구요.  이 강의를 보기전에는 로그인이라는 버튼에 onClick이벤트를 적용해서  modal의 상태값을 true로 바꿔줘서 모달창이 열리게 했었습니다. 그런데 선생님 강의에서는 그 방식이 아닌 것 같아서,, 어떤식으로 적용해야 하는지 모르겠습니다. 이건 loginModal이구요, 부트스트랩을 이용하지 않아서 선생님이 강의에서 사용하신 부트스트랩 컴포넌트에 넣는 코드들이 잘 이해가 가지 않습니다,, 이건 현재 부분에서 제작된 UI입니다  저의 의도는 저기 로그인 이라는 버튼을 클릭했을때 모달창이 열리는 것을 구현하려고 합니다

싸플 · Answer

https://reactstrap.github.io/components/modals/ 사용방법은 reactstrap의 홈페이지를 참고하시면 되십니다. 기본원리는 질문자가 주신대로 onClick을 true로 만들어서 여는 것으로 큰 틀에서는 동일합니다.  ====================================================================================== 아래 깃 주소는 리액트로만 만들어본 모달 예제 입니다. 참고하시기 바랍니다.  https://github.com/sideproject0214/modal_example