리액트 부트스트랩 적용하기

아주 단순하지만 또 바보같이 하는 실수를 글로 남겨놓는다.

리액트 부트스트랩의 모달을 적용하고 싶어서 남겼는데 진짜 이상한 모달창이 떴다.

그래서 도대체 왜 이러는 걸까 찾던 중... 역시나 공식문서에 답이 있었다.

npm install react-bootstrap bootstrap

이렇게 설치하는 것 뿐만 아니라

index.js 또는 app.js에 위 이미지처럼 css 를 import 해줘야 한다.

import 'bootstrap/dist/css/bootstrap.min.css';

오늘도 멍충멍충 +1

아래는 잘 적용된 모습