多语言

定义

为组件内建文案提供统一的国际化支持。

说明

LocaleProvider 使用 React 的 context 特性，只需在应用外围包裹一次即可全局生效。

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

  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 语言包配置，语言包可到 pile/src/components/localeprovider/ 目录下寻找 object -

原文: https://didi.github.io/pile.js/docs/2017/04/develop-localeprovider.html