[FullCalendar + React] 読み込み完了(表示)を検知する方法

Next.js

FullCalendarのReact Componentで、読み込み完了(表示)を検知する方法について説明します。

コード

FullCalendarコンポーネントの引数viewDidMountで検知できました。詳しく調べていないので、参考程度にしてください。

<FullCalendar
    // ...
    viewDidMount={() => console.log('viewDidMount')}
/>

ちなみにeventDidMountはイベントの数だけ実行されます。

おわりに

ロード時にスピナーを表示させるために、この方法を使用しました。Suspenseコンポーネントがよくわかってません…(FullCalendarコンポーネントで使える?)。

広告