Welink React-ui基础组件Pulltorefresh
【摘要】 PulltorefreshPulltorefresh UI 提供与WeLink规范一致的视图。需安装下组件 npm 包:npm install @wecode/pulltorefresh-react参数说明名称类型默认值说明mainElementstring刷新的idonRefreshfunc刷新回调import React from 'react';import PullToRefresh...
Pulltorefresh
Pulltorefresh UI 提供与WeLink规范一致的视图。
需安装下组件 npm 包:
npm install @wecode/pulltorefresh-react
参数说明
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
mainElement | string | 刷新的id | |
onRefresh | func | 刷新回调 |
import React from 'react';
import PullToRefresh from '@wecode/pulltorefresh-react';
const pullToRefreshTxt = {
display: 'block',
padding: '10px',
fontSize: '14px',
textAlign: 'center'
};
export default function RefreshDemo() {
return (
<PullToRefresh
mainElement="refresh-demo"
onRefresh={() => new Promise(resolve => {
setTimeout(() => {
resolve();
}, 1000);
})
}
>
<span style={pullToRefreshTxt}>下拉查看效果</span>
</PullToRefresh>
);
}
【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)