[React] Full calendar 기본 세팅

https://fullcalendar.io/docs/react

 

React Component - Docs | FullCalendar

npm install --save @fullcalendar/react @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction

app.js

import './App.css';
import FullCalendar from '@fullcalendar/react';
import dayGridPlugin from '@fullcalendar/daygrid';

function App() {
  return (
    <div className="App">
      <FullCalendar 
        defaultView="dayGridMonth"
        plugins={[ dayGridPlugin ]}
        events={[
          { title: 'event 1', date: '2022-02-01' },
          { title: 'event 2', date: '2022-02-02' }
        ]}
      />
    </div>
  );
}

export default App;