ГоловнаПісочницяВітринаДодатокДокументаціяБлог
    • Englishанглійська
      EN
    • русскийросійська
      RU
    • 日本語японська
      JA
    • françaisфранцузька
      FR
    • 한국어корейська
      KO
    • 中文китайська
      ZH
    • españolіспанська
      ES
    • Deutschнімецька
      DE
    • العربيةарабська
      AR
    • italianoіталійська
      IT
    • British Englishанглійська (Велика Британія)
      EN-GB
    • portuguêsпортугальська
      PT
    • हिन्दीгінді
      HI
    • Türkçeтурецька
      TR
    • polskiпольська
      PL
    • Indonesiaіндонезійська
      ID
    • Tiếng Việtвʼєтнамська
      VI
    • українськаукраїнська
      UK
    /
    Фільтрувати документи за фреймворком
    Alt+←
    Чому Intlayer?
    Почати
    Концепція
    • Як працює Intlayer
    • Конфігурація
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Візуальний редактор
    • CMS
    • Інтеграція CI/CD
    • ПерекладМножинаПерелікУмоваРідВставкаФайлВкладеністьMarkdownHTMLОтримання функції
    • Файл для кожної локалі
    • Компілятор
    • Автозаповнення
    • Тестування
    • Оптимізація пакета
    Середовище
    • Next.js 14 та App Router
      Next.js 15
      Next.js без locale URL
      Next.js та Page Router
      Compiler
    • Tanstack Start Solid
    • Astro та React
      Astro та Svelte
      Astro та Vue
      Astro та Solid
      Astro та Preact
      Astro та Lit
      Astro та Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt та Vue
    • Vite та Solid
    • SvelteKit
    • Vite та Preact
    • Vite та Vanilla JS
    • Vite та Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native та Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx та React
    Plugins
    • JSON
    • gettext (.po)
    Розширення VS Code
    Агент
    • Сервер MCP
    • Навички агента
    Релізи
    • v8
    • v7
    • v6
    Бенчмарк
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Блог
    Задати питання
    1. Documentation
    2. Packages
    3. Solid intlayer
    4. UseIntlayer
    Дата створення:2026-01-21Останнє оновлення:2026-05-06
    Надішліть цей документ вашому улюбленому AI-асистенту
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    Задайте питання та отримайте підсумок документа, вказавши цю сторінку та обраного вами постачальника штучного інтелекту

    Історія версій

    1. "Оновлення використання API useIntlayer у Solid для прямого доступу до властивостей"
      v8.9.004.05.2026
    2. "Уніфікована документація для всіх експортів"
      v8.0.021.01.2026

    Вміст цієї сторінки перекладено за допомогою штучного інтелекту.

    Переглянути останню версію оригінального вмісту англійською
    Редагувати цей документ

    Якщо у вас є ідея щодо покращення цієї документації, будь ласка, долучіться, надіславши pull request на 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>  );};

    Опис

    Хук виконує наступні завдання:

    1. Визначення локалі: Він використовує поточну локаль з контексту IntlayerProvider.
    2. Ін’єкція словника: він автоматично підставляє вміст словника, що відповідає наданому ключу, використовуючи оптимізовані декларації, згенеровані компілятором Intlayer.
    3. Реактивність: Повертає Solid accessor (Accessor<T>), який автоматично повторно обчислюється при зміні глобального стану локалі.
    4. Обробка перекладу: він визначає вміст на основі виявленої локалі, обробляючи будь-які визначення t(), enu() тощо, які знайдені у словнику.

    Параметри

    • key: Унікальний ключ словника (як визначено у ваших файлах декларацій контенту).
    • locale (необов'язково): Перевизначає поточну локаль.

    Повертає

    Функцію-аксесор (() => Content), яка повертає локалізований контент.

    Чому Intlayer?
    Alt+→

    На цій сторінці

      Обговорення анонімні та регулярно переглядаються для вирішення поширених проблем. Не соромтеся ділитися ідеями функцій, відгуками про документацію або будь-чим, що стосується Intlayer, ми використовуємо цю інформацію для формування нашої дорожньої карти та покращення продукту.

      import { useIntlayer } from "solid-intlayer";const MyComponent = () => {  const content = useIntlayer("my-dictionary-key");  return (    <div>      <h1>{content.title}</h1>      <p>{content.description}</p>    </div>  );};