import React, { Component, PropTypes } from 'react'; import MeScroll from "mescroll.js"  class StretchingUp extends Component {   constructor(props, context) {     super(props, context);     this.state={       datas:[],       total:0,     }     this.test = this.test.bind(this);   }   componentDidMount(){     document.ondragstart=function() {return false;}     let ctx = this;     var mescroll = new MeScroll ( "mescroll" , {down : { use:false}, up : {       use:true,       auto:true,       offSet:100,       page:{         num:0,         size:20,         time:null       },       onScroll:function(mescroll, y, isUp){       },       callback:function (page, mescroll) {         ctx.test(page, mescroll);       },       error: function (e) {       }     }} ) ;     mescroll.resetUpScroll()   }   test(page, mescroll){     console.log(page)     let url = "http://localhost:5577/curpage/"+page.num+"/pagesize/"+page.size;     let ctx = this;     fetch(url,{       method:'GET',       headers: {         'Accept': 'application/json',         'Content-Type': 'application/json',       },     }).then((resp)=>{       if(resp){         return resp.json();       }else{         return false;       }     })     .then((json)=>{         ctx.setState({         datas:ctx.state.datas.concat(json.info),         total:json.total       },()=>{     })      mescroll.endSuccess();     return true;   });   }   render() {     return (       <div id="mescroll" className="mescroll" style={{height: "500px",overflow: "auto"}}>       {this.state.datas.map((item,index)=>(         <div key={index}>           {item.id}         </div>       ))}       </div>   );   }}  export default StretchingUp;