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)
    });
  }
相关文章
|
5月前
|
前端开发 JavaScript
React配合axios请求拦截校验session,403跳转至登陆页面
React中使用axios进行请求拦截,通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
156 2
|
9月前
|
前端开发 JavaScript CDN
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
270 0
|
9月前
|
前端开发
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
|
8月前
|
JSON JavaScript 前端开发
Axios 的使用方法
Axios 的使用方法
63 0
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
1146 0
|
9月前
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
160 0
|
JSON 前端开发 API
React+Axios调用api并且渲染在前端界面
React+Axios调用api并且渲染在前端界面
195 0
|
前端开发
【React】React+TS 前端工程化 Axios二次封装
【React】React+TS 前端工程化 Axios二次封装
677 0
|
前端开发 容器
react map使用方法详解
react map使用方法详解
831 0
|
9月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
450 0