[리액트] antd CCS 적용하기

 

 

 

# 배경

회사에서는 페이지에 import를 하면 사용이 됐다. 그래서 내가 공부하는 프로젝트에서 import만 하면 실행이 될거라고 생각했다.

import {Button,message} from "antd";

 

그런데 버튼이나 모달창을 만들 때 바닐라 자바스크립 처럼 나왔다.  

---

# 해결 방안

App.js 파일에 아래 import 대신에 

import './App.css';

Antd CSS를 import 했다

import 'antd/dist/antd.css';

그럼 적용이 된다.

---

 

# 관련 이슈

https://github.com/YooGenie/react-study/issues/20

Antd css를 적용시키자 · Issue #20 · YooGenie/react-study