React自制全家桶七React实现ajax请求

Posted DellYoung

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React自制全家桶七React实现ajax请求相关的知识,希望对你有一定的参考价值。

一、下载axios插件

yarn add axios

  

二、React的ajax请求代码如何放置

建议放置在生命周期函数之componentDidMount()中

 

三、ajax之get请求

        axios.get(‘url‘)
            .then(()=>{
                // 成功
            alert(‘success‘);
        })
            .catch(()=>{
            // 失败
            alert(‘false‘);
        })

  解析:get内放置url,then后是请求成功的回调函数,catch是请求失败的回调函数

 

以上是关于React自制全家桶七React实现ajax请求的主要内容,如果未能解决你的问题,请参考以下文章

React自制全家桶React中state与props的分析与比较

React自制全家桶React使用ref操作DOM与setState遇到的问题

react基础---react全家桶03

react实现防抖节流

react实现防抖节流

React ajax请求 及axiospubsubfetch使用