React 博客系列 (3) Promise异步更新React状态

最新推荐文章于 2025-06-03 23:33:17 发布

波帝伯爵

最新推荐文章于 2025-06-03 23:33:17 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习笔记前端框架文章标签： react promise 异步同步 axios

本文链接：https://blog.youkuaiyun.com/HYB2012/article/details/79250386

本文介绍了在React应用中遇到的异步更新状态问题，通过封装axios使用Promise来解决。详细讨论了Promise的原理和如何在resolve中执行状态刷新，确保数据查询成功后再进行状态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise封装axios数据查询

github个人博客源码持续更新中。。。

小白在实施的过程中，前端请求数据刷新数据遇到了数据同步的问题。

数据请求方法

getAtricles() {
    console.log("getAtricles")
    const url = `${CONFIG.server}/api/article/queryall`
    var result;   
      console.log(url)
      axios.post(url)
        .then(function(response) {
          if (response.data.status == -1) {
            message.info(response.data.msg);
          } else {
          console.log("查询成功")
            return response.data.result;
          }
        })
        .catch(function(error