react-intlayer 패키지

The react-intlayer package provides the necessary tools to integrate Intlayer into React applications. It includes context providers, hooks, and components for handling multilingual content.

설치

npm install react-intlayer

내보내기

프로바이더

가져오기:

import "react-intlayer";

훅

임포트:

import "react-intlayer";

| 훅 | 설명 | 관련 문서 |

| ---------------------- | 클라이언트 측 훅으로 키로 딕셔너리 하나를 선택하여 해당 로케일의 내용을 반환합니다. 로케일이 제공되지 않으면 컨텍스트의 로케일을 사용합니다. | useIntlayer |

| useDictionary | 딕셔너리 객체를 변환하고 현재 로케일의 내용을 반환하는 훅. t() 번역, enumerations 등을 처리합니다. | useDictionary |

| useDictionaryAsync | 비동기 딕셔너리를 처리하는 훅. 프로미스 기반 딕셔너리 맵을 받아 현재 로케일에 대해 이를 해결합니다. | - |

| useDictionaryDynamic | 키(key)로 로드되는 동적 딕셔너리를 처리하는 훅입니다. 내부적으로 로딩 상태를 위해 React Suspense를 사용합니다. | - |

| useLocale | 클라이언트 측 훅으로 현재 로케일, 기본 로케일, 사용 가능한 로케일들, 그리고 로케일을 업데이트하는 함수를 가져옵니다. | useLocale |

| useLocaleBase | 컨텍스트에서 현재 로케일과 관련된 모든 필드(locale, defaultLocale, availableLocales, setLocale)를 가져오는 훅. | - |

| useRewriteURL | URL 재작성을 관리하는 클라이언트 측 훅. 현재 pathname과 로케일에 대한 rewrite 규칙이 존재하면 URL을 업데이트합니다. | useRewriteURL |

| useI18n | 키로 중첩된 콘텐츠에 접근할 수 있는 번역 함수 t()을 제공하는 훅. i18next/next-intl 패턴을 따름. | useI18n |

| useIntl | 로케일에 바인딩된 Intl 객체를 제공하는 훅. 현재 로케일을 자동으로 주입하고 최적화된 캐싱을 사용함. | - |

| useLocaleStorage | 로컬 스토리지 또는 쿠키에 로케일을 저장해 지속성을 제공하는 훅입니다. getter 및 setter 함수를 반환합니다. | - |

| useLocaleCookie | 더 이상 사용되지 않습니다. 대신 useLocaleStorage를 사용하세요. 쿠키에 로케일 지속성을 관리하는 훅입니다. | - |

| useLoadDynamic | React Suspense를 사용하여 동적 딕셔너리를 로드하는 훅. 키와 Promise를 받아 결과를 캐시합니다. | - |

| useIntlayerContext | 현재 Intlayer 클라이언트 컨텍스트 값(locale, setLocale 등)을 제공하는 훅. | - |

| useHTMLContext | HTMLProvider 컨텍스트에서 HTML 컴포넌트 오버라이드를 접근하기 위한 훅. | - |

함수

가져오기:

import "react-intlayer";

컴포넌트

가져오기:

import "react-intlayer";

또는

import "react-intlayer/markdown";

타입

Import:

import "react-intlayer";

서버 측 (react-intlayer/server)

Import:

import "react-intlayer/server";