LocaleProvider多语言

author: 闫申申

定义

用于默认信息等可配置不同语言展示、也可以通过调整属性值来调整展示信息。

说明

两种方式更改信息展示：1、配置LocaleProvider组件的locale属性值，如：enUS、zhCN。2、直接更改组件内属性值，如Search组件的placeholder属性值。

图片展示

LocaleProvider 多语言 - 图1

代码演示

  2. import enUS from '../../src/components/localeprovider/en_US';
  3. import zhCN from '../../src/components/localeprovider/zh-CN';
  4. import LocaleProvider from 'pile/dist/components/localeprovider'
  5. import Search from 'pile/dist/components/search'
  6. <LocaleProvider locale={enUS}>
  7.   <Search
  8.     onChangeHandle={function (text) { console.log(`change:${text}`); }}
  9.     onClearHandle={function () { console.log('clearHandle'); }}
  10.     onFocusHandle={function () { console.log('onFocusHandle'); }}
  11.     onBlurHandle={function (text) { console.log('onBlurHandle'); }}
  12.   />
  13. </LocaleProvider>

属性

参数 描述 数据类型 默认值
locale 语言类型：enUS：英语、zhCN：中文等 string zhCN

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-providerintr.html