ReactJS 和 Material Design 中的简单日历

Question

我必须使用 React 和 Material-UI 创建小型简单的日历和出勤列表。问题是我是 React 和整体编程的新手，所以我不知道如何开始：/。我知道我的学习过程很匆忙，但我最近获得了在软件公司开始实习工作的机会，我想尽我所能，以便他们可以提供我的工作。 我必须做到以下几点：

1. 创建工人名单（出勤名单）
2. 创建日历
3. 当我点击一个名字时，日历会显示该人是否在场
4. 当我单击日期时，日历会显示姓名、进入和离开时间

工人的名单并不难，但日历会：/我不要求你这样做。如果您能给我一些提示和几行代码，我将不胜感激。

ps。只有 react、js、html 和 css。 UI 应该基于 Maetrial Design。没有 jQuery 或其他框架。

谢谢

Answer 1

您可以参考现有的模型。

react-big-calendar、react-event-calendar....

您可以通过https://www.npmjs.com/ 获取它们。

Answer 2

是的，有许多 Material Design 小部件。您可以查看：

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

如果您单击每个示例的灰色标题，它将显示等效的 React.js 代码。