React 组件 React Intl

Apache
JavaScript
跨平台
Yahoo
2015-05-11
孔小菜

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')
);
加载中

评论(1)

cwtuan
cwtuan
可以改使用这个阿里巴巴集团做的,简单且可用在JSX和纯JS上面,也支持货币、日期、英文复数型的多语言显示https://github.com/alibaba/react-intl-universal

暂无资讯

暂无问答

React Suite v3.0 正式版发布

相信很多人会好奇,React Suite 是什么? ![](https://user-images.githubusercontent.com/1203827/39224361-97311134-4879-11e8-9154-726f5cc38223.png) React Suite 是 HYPERS 前端团队和 ...

04/25 11:56
39
0
php实现文件内容对比并加亮显示工具类

php实现文件内容对比并加亮显示工具类

2016/07/11 19:42
56
0
复选框全选操作

` /*全选复选框*/ $("#checkAll").click(function(){ if(this.checked){ $("table tr td input[type=checkbox]").attr("checked",true); }else{ $("table tr td input[type=checkbox]").attr...

2016/12/22 17:20
2
0
Google Map开发参考网址

Google 地图 api 主页 http://code.google.com/intl/zh-CN/apis/maps/ Google 地图 API 参考文档 http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html Google 地图 ...

2014/10/05 11:47
9
0
php常见扩展

#####php常用扩展安装 ######php扩展 ``` 扩展帮助信息 http://pecl.php.net/ ``` ######fileinfo ``` 1、下载的php版本中自带有 cd /path/php/ext/fileinfo phpize ./configure --with-php-...

2016/06/27 11:23
81
0
谷歌Chrome浏览器离线安装包

最新稳定版:https://www.google.com/intl/zh-CN/chrome/browser/?standalone=1 最新测试版:https://www.google.com/intl/zh-CN/chrome/browser/?standalone=1&extra=betachannel 最新开发版...

08/14 21:14
63
0
windows下PHP_intl.dll正确配置方法

配置php_intl模块总是加载失败,在这找到了解决方法 首先,把php_intl.dll需要的dll拷贝到apache的bin目录里面,即php目录下面的(所有icu*.dll的dll)文件: icudt36.dll icuin36.dll icui...

2016/11/09 16:18
9
0
如何下载chrome离线安装包

我们以及他们,需要离线完整安装包,自己从官网下载的最安全。

2015/11/17 09:36
131
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部