国际化

组件库多语设置

tinper-bee组件库提供了Locale组件来修改组件内写死的文字的语言。

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';
import {Locale} from 'tinper-bee';
import zhCn from 'tinper-bee/locale/zh-cn.js';

class App extends Component {
    render() {

        return (
            <div>
                xxx
            </div>
        )
    }
}


ReactDOM.render( (
        <Locale locale={zhCn}>
            <App />
        </Locale>
    )
}

注意:请注意使用Locale组件包裹你所有页面进行渲染(最好是作为最外层组件)。

项目国际化

对于项目的多语设置,我们推荐使用react-intl