EXPO 结合 Alova请求库 快速搭建ReactNative开发平台

alova 是一个轻量级的请求策略库,目标是让接口的管理和使用变得非常简单。

1、安装

npm install alova --save

2、

使用 useRequest 发送一个请求

javascript 复制代码
import { useRequest } from 'alova'


  const { send: followAuthor } = useRequest(
        (wtNo, status) => follow(
            { wtNo, status }
        ), { immediate: false }
  )
  

  followAuthor(date1,date2).then(() => {
      refresh()
      showToast('关注成功')
  })

usePagination是alova的一个 Hook 来帮助简化分页功能的实现。

javascript 复制代码
import { usePagination } from '@alova/scene-react'
import { dateListApi } from '@api'


const {
    // 加载状态
    loading,

    // 列表数据
    data,

    // 是否为最后一页
    // 下拉加载时可通过此参数判断是否还需要加载
    isLastPage,

    // 当前页码,改变此页码将自动触发请求
    page: [page, setPage],

    refresh,
  } = usePagination(
    // Method实例获取函数,它将接收page和pageSize,并返回一个Method实例
    (page, pageSize) => dateListApi({ pageSize, pageNum: page }),
    {
      // 请求前的初始数据(接口返回的数据格式)
      initialData: {
        total: 0,
        data: [],
      },
      initialPage: 1, // 初始页码,默认为1
      initialPageSize: 5, // 初始每页数据条数,默认为10
      append: true,
    }
  )

总结

alova和请求库的关系

传统promise式的请求库很好地解决了请求发送的问题,只是...它们只是单纯的请求发送工具

alova像它们的武器装备,通过alova可以获得更强大的能力,不管您喜欢使用axios、superagent,还是浏览器的fetch-api,alova都可以完美兼容

相关推荐
Anson Jiang5 小时前
浏览器标签页管理:使用chrome.tabs API实现新建、切换、抓取内容——Chrome插件开发从入门到精通系列教程06
开发语言·前端·javascript·chrome·ecmascript·chrome devtools·chrome插件
掘金安东尼5 小时前
黑客劫持:周下载量超20+亿的NPM包被攻击
前端·javascript·面试
剑亦未配妥6 小时前
移动端触摸事件与鼠标事件的触发机制详解
前端·javascript
前端君14 小时前
实现最大异步并发执行队列
javascript
知识分享小能手15 小时前
React学习教程,从入门到精通,React 组件核心语法知识点详解(类组件体系)(19)
前端·javascript·vue.js·学习·react.js·react·anti-design-vue
蚂蚁RichLab前端团队16 小时前
🚀🚀🚀 RichLab - 花呗前端团队招贤纳士 - 【转岗/内推/社招】
前端·javascript·人工智能
萌萌哒草头将军16 小时前
Oxc 和 Rolldown Q4 更新计划速览!🚀🚀🚀
javascript·vue.js·vite
Qlittleboy17 小时前
uniapp如何使用本身的字体图标
javascript·vue.js·uni-app
林_深时见鹿17 小时前
Vue + ElementPlus 自定义指令控制输入框只可以输入数字
前端·javascript·vue.js
GDAL17 小时前
Knockout.js 任务调度模块详解
javascript·knockout