작성
·
197
0
선생님 안녕하세요. 저는 선생님 강의를 기반으로 블로그를 제작하는데 레이아웃을 제가 원하는 형식으로
해보고 싶어서 제작중인데요,
부트스트랩을 이용하지 않고 직접 디자인하면서 만들거라서 진행중인데
header 컴포넌트 이구요. 이 강의를 보기전에는 로그인이라는 버튼에 onClick이벤트를 적용해서
modal의 상태값을 true로 바꿔줘서 모달창이 열리게 했었습니다.
그런데 선생님 강의에서는 그 방식이 아닌 것 같아서,, 어떤식으로 적용해야 하는지 모르겠습니다.
이건 loginModal이구요, 부트스트랩을 이용하지 않아서 선생님이 강의에서 사용하신 부트스트랩 컴포넌트에 넣는 코드들이 잘 이해가 가지 않습니다,,
이건 현재 부분에서 제작된 UI입니다
저의 의도는 저기 로그인 이라는 버튼을 클릭했을때 모달창이 열리는 것을 구현하려고 합니다
답변 1
0
https://reactstrap.github.io/components/modals/
사용방법은 reactstrap의 홈페이지를 참고하시면 되십니다. 기본원리는 질문자가 주신대로 onClick을 true로 만들어서 여는 것으로 큰 틀에서는 동일합니다.
======================================================================================
아래 깃 주소는 리액트로만 만들어본 모달 예제 입니다. 참고하시기 바랍니다.