React库 rematch -Axios

react-use 创建跟踪状态:添加链接描述

import {useInterval, useBoolean} from 'react-use';
const delay = 1000; // 倒计时间隔
const [startCount, toggleStartCount] = useBoolean(false);
//短信读秒 startCount  toggleStartCountuseInterval(() => {if (timer === 0) {setCount(count + 1);toggleStartCount();setTimer(60);} else {setTimer(timer - 1);}},startCount ? delay : null);//startCount  toggleStartCount
const sendMessages = async e => {// 安卓点击穿透e.preventDefault();if (startCount) {return null;}const phone = phoneNumber.value.replace(/\s/g, '');if (phoneNumber.hasError || !/^1[3-9]\d{9}$/.test(phone)) {return Toast.info('请输入有效的电话号码');}try {await Axios.post('https://api-dev.bitorange.cn/api/client/user/sms/send',{phone_num: phone,sms_use: 'register'});toggleStartCount();Toast.info('验证码发送成功');} catch (err) {if (err && err.message) {Toast.info(err.message);} else {Toast.info('验证码发送失败，请检查输入的号码和网络');}}};

axios 创建http请求:添加链接描述

try {await Axios.post('https://api-dev.bitorange.cn/api/client/user/sms/send',{phone_num: phone,sms_use: 'register'});toggleStartCount();Toast.info('验证码发送成功');} catch (err) {if (err && err.message) {Toast.info(err.message);} else {Toast.info('验证码发送失败，请检查输入的号码和网络');}}

rematch (额外装的插件inner{//直接处理属性})：
rematch 将.xxx(属性) 组件化通过插件（如inner）来操作属性

React库 rematch -Axios相关推荐

use SWR为什么能成为我的最爱React库？
全文共2355字,预计学习时长12分钟图源:unsplash 在过去的几个月里,我一直在开发Next JS应用程序.应用程序使用axiosto进行API调用,然后用unstated next作为状态 ...
react的导出是怎么实现的_不到一百行代码，我们来实现一个简简简简简简简简简简版react库...
good evening everybody!这是一篇关于react故事的文章,这个故事主要是讲在一个夜黑风高晚上,react从一个VDOM变成真实DOM的过程. 这个过程react经历了从JSX-& ...
React项目配置axios和反向代理和process.env环境配置等
React项目配置axios和代理和proces.env环境配置等 React项目配置axios和代理和proces.env环境配置等配置axios和代理 proces.env环境配置 React项 ...
安装htttp协议库（axios）
#安装htttp协议库(axios) ##方式一黑窗口 npm install axios 注意:需要在发送请求的页面引入axios import axios from "axios&q ...
同时多个axios请求_用 React+Antd 封装 Axios 实现全局 Loading 效果
前言今天在做 react 后台管理的时候要实现一个全局 Loading 效果,通常使用 axios 库与后端进行数据交互.为了更好的用户体验,在每次请求前添加一个加载效果,让用户知道在等待加载. 要 ...
2022 年值得推荐的 React 库
此文为译文,原文出自: 原作者:Amitav Mishra 原文链接:React Libraries for 2022[2] 译者:LBJ React 出现已经有一定的时间了.从那时起,围绕组件驱动的 ...
使用fiddler代替charles将react中的axios请求重定向到本地文件，兼容谷歌浏览器chrome
首先下载安装fiddler,打开软件刷新react项目页面,可以找到请求的链接,我定义的是axios.get('api/todolist'),所以可以在请求列表中发现报红的这一条链接双击该请求,在 ...
react中使用axios拦截器
写在开头:项目中每次切换页面时都在全局的dva里面监听路由切换,调用一个checkToken方法,token失效就跳转登录页.但项目中的接口大部分都需要在请求头中带上登录后获取的token.思考:是不 ...
react中使用axios获取后台服务器数据
在react项目中获取数据的工具比较多,比如fetch axios, 这2个应该是使用最多的,说下我在使用axios 时遇到的问题吧! 我的需求是要实现,所有的数据请求统一写到一个文档里面比如get- ...

React库 rematch -Axios

React库 rematch -Axios相关推荐

最新文章

热门文章