Skip to content

6pm/react-calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

demo

Запустити веб-сервер

npm i
npm run start

Як працює компонент?

Всі дані зберігаються в state основного компонента Calendar. І якщо потрібно щось замінити в state, то це можна зробити за допомогою функцій, які міняють state а не напряму. Ці функції створені в основному компоненті і прокидуються в компоненти нижче. Це чимось подібне до redux, але зпрощено. Після кожної зміни state дані серіалізуються і зберігаються в localStorage.

Стандартні параметри

Компонент має три опціональні параметри:

  1. view - задати дефолтний вигляд
  2. currentDate - початкова дата календаря
  3. events - список івентів

Перший раз, коли запускається календар, дані івентів беруться з props і зберігаються в localStorage. Потім це значення ігнорується і дані беруться тільки з localStorage.