react 上拉載入

2021-09-01 15:47:51 字數 861 閱讀 4733

今天專案有個上拉載入的需求,ui框架用的是antd-mobile,

然而框架提供的上拉載入,看不懂,

很想搬磚,

但是怕在這塊耗得時間過長,所以就自己造了個上拉載入輪子

需要的可以參考下

import react,  from 'react';

import './myfeedback.less';

import header from '@/components/header/header';

export default class demo extends component );

} componentwillmount()

render() alt="" //>});

} getlist = () => ).then((res) => )

if (res.data.list.length === 0) )

}else )

}else )

this.setstate()}}

}).catch(e => console.log(e))

} componentdidmount()

}window.addeventlistener('scroll', function ()

if (timecount)

timecount = settimeout(callback, 50);

}.bind(this), false);

} loadmoredatafn(that)).then((res) => )

}if(currenttemp > that.state.pages) )}})

}}

react 上拉載入元件的使用

移動端前端需要實現分頁功能,與傳統的pc端分頁不同,決定使用螞蟻的長列表元件,支援上拉載入及下拉重新整理 本文只涉及上拉載入 引入元件 1importfrom antd mobile 定義一些初始狀態 12 3456 78910 1112 1314 1516 17constructor this.s...

js上拉載入,jq上拉載入

沒有特別的幸運,那麼就特別的努力!既然沒有優人的天賦,那就拼吧!先看下效果 首 頁header main list box ul section jq var page 1,分頁碼 off on false 分頁開關 滾動載入方法 1 中用的 timers null 定時器 滾動載入方法 2 中用的...

上拉載入更多

在ios開中中,由於螢幕尺寸限制,如果需要顯示的資料很多,需要用到分頁載入。資料來源是個array nsmutablearray items viewcontroller的這個方法返回資料條數 1是為了顯示 載入更多 的那個cell nsinteger tableview uitableview t...