Tác giả:
    Ngày tạo:2026-09-19Cập nhật lần cuối:2026-09-19

    Gói remix-intlayer

    Gói remix-intlayer cung cấp các công cụ cần thiết để tích hợp Intlayer vào các ứng dụng Remix 3. Gói bao gồm middleware để phát hiện locale của yêu cầu, quyền truy cập vào context của yêu cầu, và các hook để lấy từ điển và quản lý locale.

    Cài đặt

    bash
    npm install remix-intlayer
    

    Các Exports của gói

    Middleware

    Nhập:

    tsx
    import { intlayer } from "remix-intlayer";
    
    ExportLoạiMô tảTài liệu liên quan
    intlayerHàm MiddlewareMiddleware cho Remix 3 giúp phát hiện locale của yêu cầu, quản lý chuyển hướng và điền vào context yêu cầu.Middleware intlayer

    Lưu trữ Context

    Nhập:

    tsx
    import { Intlayer, INTLAYER_CONTEXT_PROPERTY } from "remix-intlayer";
    
    ExportLoạiMô tảTài liệu liên quan
    IntlayerKhóa RequestContext / Lưu trữKhóa context yêu cầu được sử dụng để lấy trạng thái Intlayer từ context yêu cầu Remix 3 (context.get(Intlayer)).Context Intlayer
    INTLAYER_CONTEXT_PROPERTYstringTên thuộc tính ('intlayer') được cài đặt trực tiếp trên ngữ cảnh yêu cầu, cho phép truy cập qua context.intlayer cũng như context.get(Intlayer).-

    Hooks

    Nhập:

    tsx
    import { useIntlayer, useDictionary, useLocale } from "remix-intlayer";
    
    ExportLoạiMô tảTài liệu liên quan
    useIntlayerHookLấy và xử lý nội dung từ điển theo khóa cho locale hiện tại của yêu cầu.Hook useIntlayer
    useDictionaryHookTrả về nội dung của đối tượng từ điển đã import tương ứng với locale hiện tại của yêu cầu.Hook useDictionary
    useLocaleHookCung cấp quyền truy cập vào locale yêu cầu hiện tại, locale mặc định và danh sách locale có sẵn.Hook useLocale

    Tiện ích (Utilities)

    Nhập (Import):

    tsx
    import { createLocaleRouting, getIntlayerState } from "remix-intlayer";
    
    HàmMô tảTài liệu liên quan
    createLocaleRoutingHàm thuần túy tính toán các quyết định định tuyến ngôn ngữ (redirect, rewrite hoặc pass) dựa trên yêu cầu, cấu hình và các tùy chọn.-
    getIntlayerStateĐọc IntlayerState hiện tại (locale, defaultLocale, availableLocales) từ phạm vi yêu cầu AsyncLocalStorage bên ngoài các component React.-

    Trình định dạng (remix-intlayer/format)

    Nhập (Import):

    tsx
    import {
      useIntl,
      useDate,
      useNumber,
      useCurrency,
      usePercentage,
      useRelativeTime,
      useList,
      useUnit,
      useCompact,
    } from "remix-intlayer/format";
    
    HookMô tả
    useIntlTrả về một phiên bản Intl gắn liền với ngôn ngữ yêu cầu hoặc client với khả năng lưu vào bộ nhớ cache.
    useDateTrả về hàm định dạng ngày tháng được liên kết sẵn với ngôn ngữ hiện tại (Intl.DateTimeFormat).
    useNumberTrả về hàm định dạng số được liên kết sẵn với ngôn ngữ hiện tại (Intl.NumberFormat).
    useCurrencyTrả về hàm định dạng tiền tệ được liên kết sẵn với ngôn ngữ hiện tại.
    usePercentageTrả về hàm định dạng phần trăm được liên kết sẵn với ngôn ngữ hiện tại.
    useRelativeTimeTrả về hàm định dạng thời gian tương đối được liên kết sẵn với ngôn ngữ hiện tại (Intl.RelativeTimeFormat).
    useListTrả về hàm định dạng danh sách được liên kết sẵn với ngôn ngữ hiện tại (Intl.ListFormat).
    useUnitTrả về hàm định dạng đơn vị đo lường được liên kết sẵn với ngôn ngữ hiện tại.
    useCompactTrả về hàm định dạng số thu gọn được liên kết sẵn với ngôn ngữ hiện tại (ví dụ: 1.5K).

    Tiện ích HTML (remix-intlayer/html)

    Nhập (Import):

    tsx
    import { renderHTML, useHTML, useHTMLRenderer } from "remix-intlayer/html";
    
    Bản xuấtKiểuMô tả
    renderHTMLFunctionHàm tiện ích độc lập để render các nút HTML.
    useHTMLHookHook để lấy context nhà cung cấp HTML và cấu hình.
    useHTMLRendererHookHook để lấy hàm render HTML đã được cấu hình trước.

    Tiện ích Markdown (remix-intlayer/markdown)

    Nhập (Import):

    tsx
    import {
      compileMarkdown,
      renderMarkdown,
      parseMarkdown,
      useMarkdown,
      useMarkdownRenderer,
    } from "remix-intlayer/markdown";
    
    Bản xuấtKiểuMô tả
    compileMarkdownFunctionBiên dịch chuỗi markdown thành cấu trúc phân tích cú pháp.
    renderMarkdownFunctionRender nội dung markdown thành các nút đầu ra.
    parseMarkdownFunctionPhân tích cú pháp nội dung markdown thô thành AST.
    useMarkdownHookHook để lấy context nhà cung cấp markdown.
    useMarkdownRendererHookHook để lấy hàm render Markdown đã được cấu hình trước.

    Kiểu dữ liệu (Types)

    Nhập (Import):

    tsx
    import type {
      IntlayerState,
      IntlayerMiddlewareOptions,
      LocaleRoutingOptions,
      LocaleRoutingAction,
      LocaleRoutingRequest,
      UseLocaleResult,
    } from "remix-intlayer";
    
    Kiểu dữ liệuMô tả
    IntlayerStateĐối tượng trạng thái lưu trữ locale, defaultLocale và availableLocales trong ngữ cảnh yêu cầu Remix.
    IntlayerMiddlewareOptionsCác tùy chọn cấu hình được truyền vào middleware intlayer().
    LocaleRoutingOptionsTùy chọn tùy chỉnh tiền tố ngôn ngữ, phát hiện ngôn ngữ và chuyển hướng.
    LocaleRoutingActionKiểu union biểu thị quyết định định tuyến: redirect, rewrite hoặc pass.
    LocaleRoutingRequestBiểu diễn yêu cầu tối thiểu cần thiết cho createLocaleRouting.
    UseLocaleResultKiểu trả về của useLocale(), bao gồm locale, defaultLocale và availableLocales.