开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
React Intl首页、文档和下载 - React 组件 - 开源中国社区
全部项目分类
我要评价
Apache
JavaScript
跨平台
Yahoo
分享
收藏
收录时间:2015-05-11
React Intl 详细介绍

React Intl 提供了一个 React 组件和用于国际化 React Web 应用的 Mixin。它提供一个格式化日期、数字、字符串消息的描述方式。

示例代码:

var IntlMixin         = ReactIntl.IntlMixin;
var FormattedMessage  = ReactIntl.FormattedMessage;
var FormattedRelative = ReactIntl.FormattedRelative;
var PostMeta = React.createClass({
    mixins: [IntlMixin],    
    render: function () {        
       return (            
   <FormattedMessage
                message={this.getIntlMessage('post.meta')}
                num={this.props.post.comments.length}
                ago={<FormattedRelative value={this.props.post.date} />} />
        );
    }
});var post = {
    date    : 1422046290531,
    comments: [/*...*/]
};var intlData = {
    locales : ['en-US'],
    messages: {
        post: {
            meta: 'Posted {ago}, {num, plural, one{# comment} other{# comments}}'
        }
    }
};

React.render(    <PostMeta post={post} {...intlData} />,    
document.getElementById('container')
);

大家对 React Intl 的评论 (全部 1 条评论)
{{repayCom.userName}}
cwtuan
可以改使用这个阿里巴巴集团做的,简单且可用在JSX和纯JS上面,也支持货币、日期、英文复数型的多语言显示https://github.com/alibaba/react-intl-universal
React Intl 相关博客
顶部