Hook useLocale cho phép bạn quản lý locale hiện tại trong ứng dụng Solid của bạn. Nó cung cấp truy cập tới locale hiện tại (dưới dạng một accessor), locale mặc định, các locale có sẵn, và một hàm để cập nhật locale.

Sử dụng

tsx

Sao chép mã

Sao chép mã vào clipboard

import { useLocale } from "solid-intlayer";const LocaleSwitcher = () => {  const { locale, setLocale, availableLocales } = useLocale();  return (    <select value={locale()} onChange={(e) => setLocale(e.currentTarget.value)}>      {availableLocales.map((loc) => (        <option value={loc} selected={loc === locale()}>          {loc}        </option>      ))}    </select>  );};

import { useLocale } from "solid-intlayer";const LocaleSwitcher = () => {  const { locale, setLocale, availableLocales } = useLocale();  return (    <select value={locale()} onChange={(e) => setLocale(e.currentTarget.value)}>      {availableLocales.map((loc) => (        <option value={loc} selected={loc === locale()}>          {loc}        </option>      ))}    </select>  );};

Mô tả

Hook trả về một object với các thuộc tính sau:

locale: Một Solid accessor (() => string) trả về locale hiện tại.
defaultLocale: Locale mặc định được định nghĩa trong intlayer.config.ts.
availableLocales: Một mảng chứa tất cả các locale được ứng dụng của bạn hỗ trợ.
setLocale: Hàm để cập nhật locale của ứng dụng. Hàm này cũng xử lý việc lưu trữ (cookies/local storage) nếu được bật.

Tham số

props (tùy chọn):
- onLocaleChange: Một hàm callback được gọi mỗi khi locale thay đổi.
- isCookieEnabled: Cho biết có lưu locale trong cookie hay không.

Tại sao Intlayer?