react axios 的使用方法

简介: react axios 的使用方法

1.首先在项目文件打开cmd命令行输入

npm install axios

然后在你需要的文件里import引入就可以了

import axios from 'axios'

然后在生命周期里填写或者写到时间里就可以使用了

生命周期

componentDidMount() {
      let that = this;
    axios({
      method:'post',
      url:'',
      data:qs.stringify({})
    }).then(function (res) {
        console.log(res.data.data);
      that.setState({
        list:res.data.data
      })
    });
    }

函数事件里

search=()=>{
    axios({
      method:'post',
      url:'',
     data:qs.stringify({
     })
    }).then(function (res) {
      console.log(res)
    });
  }
相关文章
|
前端开发 JavaScript CDN
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
831 0
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
1897 0
|
前端开发 JavaScript
React配合axios请求拦截校验session,403跳转至登陆页面
React中使用axios进行请求拦截,通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
649 2
|
前端开发
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
|
JSON JavaScript 前端开发
Axios 的使用方法
Axios 的使用方法
367 0
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
463 0
|
JSON 前端开发 API
React+Axios调用api并且渲染在前端界面
React+Axios调用api并且渲染在前端界面
380 0
|
前端开发
【React】React+TS 前端工程化 Axios二次封装
【React】React+TS 前端工程化 Axios二次封装
1132 0
|
前端开发 容器
react map使用方法详解
react map使用方法详解
1170 0
|
8月前
|
JavaScript
Vue中Axios网络请求封装-企业最常用封装模式
本教程介绍如何安装并配置 Axios 实例,包含请求与响应拦截器,实现自动携带 Token、错误提示及登录状态管理,适用于 Vue 项目。
333 1