作成:2026-01-21最終更新:2026-05-06
このドキュメントをあなたの好きなAIアシスタントに参照してくださいChatGPTClaudeDeepSeekGoogle AI modeGeminiPerplexityMistralGrok
このページとあなたの好きなAIアシスタントを使ってドキュメントを要約します
バージョン履歴
- "Solid の useIntlayer API の使用法を直接プロパティアクセスに更新"v8.9.02026/5/4
- "すべてのエクスポートのドキュメントを統一"v8.0.02026/1/21
このページのコンテンツはAIを使用して翻訳されました。
英語の元のコンテンツの最新バージョンを見るこのドキュメントを編集
このドキュメントを改善するアイデアがある場合は、GitHubでプルリクエストを送信することで自由に貢献してください。
ドキュメントへのGitHubリンクコピー
ドキュメントのMarkdownをクリップボードにコピー
useIntlayer フックのドキュメント
useIntlayer フックは、キーを使って辞書からローカライズされたコンテンツを取得することを可能にします。Solidでは、このフックはロケールが変更されると自動的に更新されるリアクティブなアクセス関数(Accessor)を返します。
使用例
tsx
コードをコピー
コードをクリップボードにコピー
import { useIntlayer } from "solid-intlayer";const MyComponent = () => { const content = useIntlayer("my-dictionary-key"); return ( <div> <h1>{content.title}</h1> <p>{content.description}</p> </div> );};説明
このフックは次の処理を行います:
- ロケール検出:
IntlayerProviderコンテキストから現在のロケールを使用します。 - 辞書の注入: Intlayer コンパイラによって生成された最適化済みの宣言を使用して、与えられたキーに対応する辞書の内容を自動的に注入します。
- リアクティビティ: グローバルなロケール状態が変更されると自動的に再評価される Solid のアクセサ(
Accessor<T>)を返します。 - 翻訳処理: 検出されたロケールに基づいてコンテンツを解決し、辞書内で見つかった
t()、enu()等の定義を処理します。
パラメータ
- key: 辞書の一意のキー(content declaration files で定義されているもの)。
- locale(省略可): 現在のロケールをオーバーライドします。
戻り値
ローカライズされたコンテンツを返すアクセサ関数(() => Content)。