react-intlayer パッケージ

react-intlayer パッケージは、Intlayer を React アプリケーションに統合するために必要なツールを提供します。多言語コンテンツを扱うためのコンテキストプロバイダー、フック、およびコンポーネントを含みます。

インストール

npm install react-intlayer

エクスポート

プロバイダー

インポート:

import "react-intlayer";

フック

インポート:

import "react-intlayer";

| フック | 説明 | 関連ドキュメント |

| useIntlayer | クライアントサイドのフックで、キーで辞書を選択してその内容を返します。指定がなければコンテキストのロケールを使用します。 | useIntlayer |

| useDictionary | 辞書オブジェクトを変換し、現在のロケール向けのコンテンツを返すフック。t() の翻訳、列挙型（enums）などを処理します。 | useDictionary |

| useDictionaryAsync | 非同期の辞書を扱うフック。Promise ベースの辞書マップを受け取り、現在のロケール向けに解決します。 | - |

| useDictionaryDynamic | キーでロードされる動的な辞書を扱うフック。内部で React Suspense を使用してロード状態を処理します。 | - |

| useLocale | クライアントサイドのフック。現在のロケール、デフォルトロケール、利用可能なロケール、およびロケールを更新する関数を取得します。 | useLocale |

| useLocaleBase | コンテキストから現在のロケールと関連するすべてのフィールド（locale、defaultLocale、availableLocales、setLocale）を取得するフック。 | - |

| useRewriteURL | URL書き換えを管理するクライアントサイドのフック。現在のパス名とロケールに対する書き換えルールが存在する場合、URLを更新します。 | useRewriteURL |

| useI18n | フック。キーでネストされたコンテンツにアクセスするための翻訳関数 t() を提供します。i18next/next-intl のパターンを模倣しています。 | useI18n |

| useIntl | フック。ロケールに結びついた Intl オブジェクトを提供します。現在のロケールを自動で注入し、最適化されたキャッシュを使用します。 | - |

| useLocaleStorage | ローカルストレージまたはクッキーで locale の永続化を提供するフック。getter と setter 関数を返します。 | - |

| useLocaleCookie | 非推奨。代わりに useLocaleStorage を使用してください。クッキーで locale の永続化を管理するフック。 | - |

| useLoadDynamic | React Suspenseを使用して動的辞書を読み込むためのフック。キーとPromiseを受け取り、結果をキャッシュします。 | - |

| useIntlayerContext | 現在の Intlayer クライアントのコンテキスト値（locale、setLocale など）を提供するフック。 | - |

| useHTMLContext | HTMLProvider コンテキストから HTML コンポーネントのオーバーライドにアクセスするフック。 | - |

関数

インポート:

import "react-intlayer";

コンポーネント

インポート:

import "react-intlayer";

or

import "react-intlayer/markdown";

型

インポート:

import "react-intlayer";

サーバーサイド (react-intlayer/server)

インポート:

import "react-intlayer/server";