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>  );};

描述

该 hook 返回一个包含以下属性的对象：

locale：一个 Solid accessor (() => string)，返回当前的 locale。
defaultLocale：在你的 intlayer.config.ts 中定义的默认 locale。
availableLocales：一个包含应用支持的所有 locale 的数组。
setLocale：用于更新应用 locale 的函数。如果启用，它还会处理持久化（cookies/本地存储）。

参数

props (可选):
- onLocaleChange: 一个在语言改变时调用的回调函数。
- isCookieEnabled: 是否在 cookie 中持久化该 locale。

为什么Intlayer？

Creation:2026-01-21Last update:2026-01-21

将此文档参考到您的 AI 助手

ChatGPT

Claude

DeepSeek

Google AI mode Gemini

Perplexity Mistral

Grok

使用您最喜欢的AI助手总结文档，并引用此页面和AI提供商

版本历史

"统一所有导出项的文档"
v8.0.02026/1/21

此页面的内容已使用 AI 翻译。

查看英文原文的最新版本

编辑此文档

如果您有改善此文档的想法，请随时通过在GitHub上提交拉取请求来贡献。

文档的 GitHub 链接

Copy

复制文档 Markdown 到剪贴板

useLocale Hook 文档

用法

tsx

复制代码

复制代码到剪贴板

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>  );};

描述

该 hook 返回一个包含以下属性的对象：

locale：一个 Solid accessor (() => string)，返回当前的 locale。
defaultLocale：在你的 intlayer.config.ts 中定义的默认 locale。
availableLocales：一个包含应用支持的所有 locale 的数组。
setLocale：用于更新应用 locale 的函数。如果启用，它还会处理持久化（cookies/本地存储）。

参数

props (可选):
- onLocaleChange: 一个在语言改变时调用的回调函数。
- isCookieEnabled: 是否在 cookie 中持久化该 locale。

为什么Intlayer？