使用高级 Chakra UI 组件更快地构建 💎

了解更多
跳到内容
文档演练场指南博客
赞助商

区域设置提供程序

用于全局设置区域设置

用法

LocaleProvider 组件为您的应用设置区域设置,用于格式化日期、数字以及其他区域设置特定数据。

大多数 Chakra UI 组件会读取由 LocaleProvider 设置的区域设置。

import { LocaleProvider, useLocaleContext } from "@chakra-ui/react"
<LocaleProvider locale="...">{/* Your App */}</LocaleProvider>

示例

设置区域设置

locale 属性设置为您要使用的区域设置。

<LocaleProvider locale="ar-BH">
  <Component />
</LocaleProvider>

读取区域设置

export const Usage = () => {
  const { locale, dir } = useLocaleContext()
  return <pre>{JSON.stringify({ locale, dir }, null, 2)}</pre>
}

属性

属性默认值类型
locale *''en-US''
string

应用程序要使用的区域设置。

上一页

FormatByte

下一页

Overlay Manager