React实现分页组件（简短版）

React的组件的确很方便，十分简短地实现了分页。百度一下到的React分页十分长，所以我自己写了个，虽然不是真正意义上的三行，不过也差不多了。
这是我百度到的分页代码实现：http://blog.csdn.net/xiaozhuxmen/article/details/51461269
http://www.cnblogs.com/vichily/p/6432558.html
http://www.tuicool.com/articles/FB36VjN
http://blog.csdn.net/starfd/article/details/50505499
总得来说，他们的代码都是蛮长的，但是实现思路都不太一样。下面这个是我自己写的。
加上点击事件和非分页部分的列表事件差不多100行搞定吧。
首先上分页效果图：


样式是semantic做的。用是否有active类来区分当前页和非当前页
首先是分页组件Class_Foot

var Class_Foot = React.createClass({
    getInitialState: function() {
   
    return {thispage: 1,lastpage:1,active:'active item',unactive:'item',allPage:Page_Class};
    },
skipPage: function(event){
   
    var page_num=parseInt(event.target.text);
    var last_pagenum=this.state.thispage;
    this.setState({
        lastpage:last_pagenum,
        thispage:page_num,
    });
        PubSub.publish('Change_Pag