[ React ] React Calendar

React Calendar 

---

저번에는 직접 달력을 구현해 보았으니 이번에는 리액트에서 제공하는 달력을 사용해서 구현해 보았다.

훨씬... 간단하다🫠 그래도 그렇게 만들어본 덕분에 라이브러리에 더 감사해지는 것 같다.

 

 

설치

---

import Calendar from 'react-calendar';

 

달력 선언

---

<Calendar onChange={setDate} value={date}/>

 

결과물

 

 

Calendar CSS

---

아래 한 줄 import 해 왔는데 저렇게 이쁘게 바뀌었다..!

import 'react-calendar/dist/Calendar.css';

<Calendar onChange={setDate} value={date} onClickDay={() => setSelectedDate(true)}/>