ReactJS和Material Design中的簡單日曆

Question

我必須使用React和Material-UI創建小型簡單日曆和考勤列表。問題是我是新的React和編程總體，所以我不知道如何開始：/。我知道我正忙於學習過程，但最近我有機會在軟件公司開始一項實踐工作，我想盡我所能讓他們能夠提供我的工作。 我必須做以下幾點：

1. 工人（出席者名單）創建列表
2. 創建日曆
3. 當我點擊一個名字，日曆顯示，如果這個人是存在或不
4. 當我點擊一個日期，日曆顯示一個名稱，輸入和離開時間

工人的名單不會很難，但日曆會：/我不要求你這樣做。如果您能向我展示提示和可能的幾行代碼，我將不勝感激。

ps。只反應，js，html和css。 UI應該基於Maetrial Design。沒有jQuery或其他框架。

謝謝

Answer 1

您可以參考現有的模型。

反應，大日曆，反應事件日曆....

你可以讓他們在https://www.npmjs.com/。

Answer 2

是的，有很多Material Design小部件。您可以檢查在：

http://www.material-ui.com/#/components/date-picker

如果你點擊每個的灰色標題例 - 它會告訴你相當於React.js代碼。