ReactJSとマテリアルデザインのシンプルなカレンダー

Question

リアクション＆マテリアルUIを使って小さなカレンダーと出席リストを作成する必要があります。問題は私がReactとプログラミング全体に慣れていないので、どのように起動するのかわからないということです。私は自分の学習プロセスを急いでいると知っていますが、最近はソフトウェア会社で練習を始める機会を得て、自分の仕事を提供できるように努力したいと思います。私は次のことを行う必要があり ：

1. 労働者（出席者リスト）とのリストを作成します
2. 私は名前をクリックすると、その人がすると
3. 存在したかどう、カレンダーが表示さカレンダー
4. を作成します。私は日付をクリックして、カレンダーに名前と出入り時刻を表示します。

労働者のリストは難しくありませんが、カレンダーは次のようにします。ヒントやコードの数行を私に見せていただければ幸いです。

ps。 react、js、html、およびcssのみ。 UIはMaetrial Designに基づいている必要があります。 jQueryやその他のフレームワークはありません。

ありがとうございました

Answer 1

既存のモデルを参照できます。

は反応し-ビッグカレンダーを、反応-イベント・カレンダーを....

あなたがhttps://www.npmjs.com/上でそれらを得ることができます。

Answer 2

はい材料デザインウィジェットの数があります。あなたはでチェックすることができます：あなたは、各の灰色の見出しをクリックすると

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

それはあなたの同等React.jsコードが表示されます例 - 。