资讯专栏INFORMATION COLUMN

react 异步加载数据时的渲染问题

lk20150415 / 1148人阅读

摘要:当数据需要异步加载时获取不到数据可能会报一些错误,此时需要在函数中加一个判断注意下面这个三目运算符,执行到时,对象的为,所以此时页面展示,当异步获取数据成功时,值为,此时又一次执行,此时将需要的数据传给视图,正确展示到页面

当数据需要异步加载时render获取不到数据可能会报一些错误,此时需要在render函数中加一个判断

    componentWillMount (){
        axios.get("http://127.0.0.1:8088/user/userlist").then(res =>{
            this.setState({
                dataSource:res.data.data,
                haveData:true
            })

        })
    }
    render() {
     /* 注意下面这个三目运算符,执行到render时,state对象的haveData为false,
     所以此时页面展示  loading,当异步获取数据成功时,
     haveData值为true,此时又一次执行render,
     此时将需要的数据传给视图,正确展示到页面 */
        return (
            !this.state.haveData?"loading":(
                
            )

        )

    }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109230.html

相关文章

  • 高级前端面试题大汇总(只有试题,没有答案)

    摘要:面试题来源于网络,看一下高级前端的面试题,可以知道自己和高级前端的差距。 面试题来源于网络,看一下高级前端的面试题,可以知道自己和高级前端的差距。有些面试题会重复。 使用过的koa2中间件 koa-body原理 介绍自己写过的中间件 有没有涉及到Cluster 介绍pm2 master挂了的话pm2怎么处理 如何和MySQL进行通信 React声明周期及自己的理解 如何...

    kviccn 评论0 收藏0
  • 2018大厂高级前端面试题汇总

    摘要:面试的公司分别是阿里网易滴滴今日头条有赞挖财沪江饿了么携程喜马拉雅兑吧微医寺库宝宝树海康威视蘑菇街酷家乐百分点和海风教育。 (关注福利,关注本公众号回复[资料]领取优质前端视频,包括Vue、React、Node源码和实战、面试指导) 本人于7-8月开始准备面试,过五关斩六将,最终抱得网易归,深深感受到高级前端面试的套路。以下是自己整理的面试题汇总,不敢藏私,统统贡献出来。 面试的公司分...

    zzir 评论0 收藏0
  • 精读《React16 新特性》

    摘要:引言于发布版本,时至今日已更新到,且引入了大量的令人振奋的新特性,本文章将带领大家根据更新的时间脉络了解的新特性。其作用是根据传递的来更新。新增等指针事件。 1 引言 于 2017.09.26 Facebook 发布 React v16.0 版本,时至今日已更新到 React v16.6,且引入了大量的令人振奋的新特性,本文章将带领大家根据 React 更新的时间脉络了解 React1...

    Nosee 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<