yucatio https://blog.hatena.ne.jp/yucatio/ yucatio@システムエンジニア https://yucatio.hatenablog.com/ React 前回の記事の続きです。前の月や次の月に遷移できるようにします。Reactバージョン16.8.0から登場したReact hooksを使用します。 ★前回の記事 yucatio.hatenablog.com 要件 カレンダーを表示したい 最終的にはこちらが出来上がります↓ デモ : date-fns calendar 仕様 デフォルトで今月のカレンダーを表示する 日曜日を行の一番始めにする "次の月"のボタンが押されたら、次の月のカレンダーを表示する "前の月"のボタンが押されたら、前の月のカレンダーを表示する "今月"のボタンが押されたら、今月のカレンダーを表示する コード 次の月、前の月、今月… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyucatio.hatenablog.com%2Fentry%2F2019%2F12%2F24%2F080550" title="date-fnsを使用してカレンダー作成する(その2: React hooksを利用して月を移動する) - yucatio@システムエンジニア" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yucatio/20191223/20191223081351.png Hatena Blog https://hatena.blog 2019-12-24 08:05:50 rich https://yucatio.hatenablog.com/entry/2019/12/24/080550 1.0 100%