<LocaleSelector>

概述

<LocaleSelector> 组件用于选择用户的语言环境。 这是一个客户端组件，提供一个下拉菜单用于选择语言环境。

参考

返回值

一个允许用户选择其区域设置的组件。

属性

• locales (可选): string[]
  • 用于填充下拉菜单的可选区域设置列表（例如，['en', 'es-MX', 'fr']）。如果未提供，则使用来自 <GTProvider> 上下文的区域设置列表。
• customNames (可选): {[locale: string]: string}
  • 用于将区域设置代码映射到自定义显示名称的可选对象。
  • 示例：{{ 'en-US': 'English (United States)', 'es': 'Español' }}

示例

基本用法

import { LocaleSelector } from 'gt-next';

export default function MyComponent() {
    return (
        <LocaleSelector />
    );
}

使用 customNames

import { LocaleSelector } from 'gt-next';

export default function MyComponent() {
    const myCustomNames = {
        'en': 'English',
        'es': 'Español',
        'fr-CA': 'Français (Canada)'
    };
    return (
        <LocaleSelector customNames={myCustomNames} />
    );
}

注意事项

• <LocaleSelector> 组件允许你为你的应用选择不同的语言环境。
• <LocaleSelector> 组件在服务端组件中不可用。

后续步骤

• 了解更多关于 useLocale() hook 的信息。
• 查看 useLocaleSelector() hook，用于定义自定义语言选择器。
• 在这里了解更多关于语言字符串的信息。