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)
    });
  }
相关文章
|
9天前
|
前端开发
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
|
11天前
|
前端开发 JavaScript CDN
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
134 0
|
8月前
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
509 0
|
11天前
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
68 0
|
6月前
|
JSON 前端开发 API
React+Axios调用api并且渲染在前端界面
React+Axios调用api并且渲染在前端界面
116 0
|
9月前
|
前端开发
【React】React+TS 前端工程化 Axios二次封装
【React】React+TS 前端工程化 Axios二次封装
349 0
|
10月前
|
前端开发 容器
react map使用方法详解
react map使用方法详解
442 0
|
10月前
|
JSON JavaScript 前端开发
react总结之axios
react总结之axios
|
11天前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
147 0
|
11天前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
54 0