인프런 커뮤니티 질문&답변

오아시스님의 프로필 이미지
오아시스

작성한 질문수

리액트로 나만의 블로그 만들기(MERN Stack)

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

작성

·

197

0

선생님 안녕하세요. 저는 선생님 강의를 기반으로 블로그를 제작하는데 레이아웃을 제가 원하는 형식으로

해보고 싶어서 제작중인데요,

부트스트랩을 이용하지 않고 직접 디자인하면서 만들거라서 진행중인데

header 컴포넌트 이구요.  이 강의를 보기전에는 로그인이라는 버튼에 onClick이벤트를 적용해서 

modal의 상태값을 true로 바꿔줘서 모달창이 열리게 했었습니다.

그런데 선생님 강의에서는 그 방식이 아닌 것 같아서,, 어떤식으로 적용해야 하는지 모르겠습니다.

이건 loginModal이구요, 부트스트랩을 이용하지 않아서 선생님이 강의에서 사용하신 부트스트랩 컴포넌트에 넣는 코드들이 잘 이해가 가지 않습니다,,

이건 현재 부분에서 제작된 UI입니다 

저의 의도는 저기 로그인 이라는 버튼을 클릭했을때 모달창이 열리는 것을 구현하려고 합니다 

답변 1

0

싸플님의 프로필 이미지
싸플
지식공유자

https://reactstrap.github.io/components/modals/

사용방법은 reactstrap의 홈페이지를 참고하시면 되십니다. 기본원리는 질문자가 주신대로 onClick을 true로 만들어서 여는 것으로 큰 틀에서는 동일합니다. 

======================================================================================

아래 깃 주소는 리액트로만 만들어본 모달 예제 입니다. 참고하시기 바랍니다. 

https://github.com/sideproject0214/modal_example

오아시스님의 프로필 이미지
오아시스

작성한 질문수

질문하기