美文网首页React Native 踩坑合集
「React Native」子组件Render中props为空报

「React Native」子组件Render中props为空报

作者: Android埋坑的艺术 | 来源:发表于2017-12-29 11:24 被阅读13次

    子组件传递 props 为空,导致在 render 中取值报错问题

    问题描述

    当子组件依赖父组件中的网络请求返回的数据渲染时,在网络返回成功之前,父组件第一次 render 时,传递到子组件的 props 为空,会导致子组件渲染失败报错。

    解决方案

    在父组件中判断网络是否返回成功

    如果还没有返回,则在父组件渲染界面时用一个空 View 或者 null 占位,

    或者在子组件的 props 中取值时进行判空操作

    Write by Raykle

    相关文章

      网友评论

        本文标题:「React Native」子组件Render中props为空报

        本文链接:https://www.haomeiwen.com/subject/ourigxtx.html