メインコンテンツまでスキップ

useFirstMount

何のために必要ですか#

このフックを使用すると、呼び出されたコンポーネントのレンダリングが最初のものであるか、新しいレンダリングがすでに行われているかを判別できます。 基本的に、それ以上のレンダリングに関係なく、コンポーネントでコードを1回実行するのに役立ちます。

利点#

このフックは、コンポーネントが最初にレンダリングされるかどうかを決定するための簡単なフラグを提供します。 新しいコンポーネントのレンダリングに関係なく、その値を保持します。

使い始める方法#

このフックの使用を開始するには、フックをプロジェクトにインポートする必要があります。

import React from 'react';import { useFirstMount } from 'react-hooks-kit';
const Component = () => {   const { isFirstMount } = useFirstMount();
  console.log(isFirstMount); // true
  // コンポーネントコード...};

以下の機能が操作に使用できます。

オプション#

名前の種類説明
isFirstMountbooleanコンポーネントの最初のレンダリングを返すかどうか。