区域设置提供程序
用于全局设置区域设置
用法
此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 应用程序要使用的区域设置。 |