var React = require("react");
var Message = React.createClass({
render : function(){
var msg = this.props.message;
return(
{msg.author}
{msg.time.toLocaleString()}
{msg.content}
)
}
});
module.exports = Message;
然后,再写列表.
数据从父组件通过props传递进来
MessageList.js
var React = require("react");
var Message = require("./Message");
var MessageList = React.createClass({
render : function () {
var messages = this.props.messages.map(function(item){
return
});
console.log(messages);
return(
{messages}
)
}
});
module.exports = MessageList;
Pager
这是一个简单的分页,会显示当前页和总页数,还有上一页和下一页功能。
Pager.js
var React = require("react/addons");
var Pager = React.createClass({
getDefaultProps : function(){
return{
page:0,
pages:0
}
},
clickHandler: function(e){
e.preventDefault();
console.log(e.target.dataset.page);
console.log(e.target.dataset.page.value);
this.props.listMessage(e.target.dataset.page);
},
render : function(){
var cx = React.addons.classSet;
var preClass = cx({
'previous':true,
'disabled':this.props.page == 1
});
var nextClass = cx({
'next':true,
'disabled':this.props.page == this.props.pages
});
return(
本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ...
[详细]