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

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

问题描述

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

解决方案

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

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

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

Write by Raykle

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目前,react组件有三种写法,分别是es5的createClass写法,es6的class写法,以及statel...
    ZoomFunc阅读 5,801评论 0 1
  • 使用 create-react-app 快速构建 React 开发环境 项目的目录结构如下: React JSX ...
    majun00阅读 3,456评论 0 0
  • 最近看了一本关于学习方法论的书,强调了记笔记和坚持的重要性。这几天也刚好在学习React,所以我打算每天坚持一篇R...
    gaoer1938阅读 5,661评论 0 5
  • 你瞧瞧别人,在皇宫里当太后、皇上,天天有吃有喝还有人饲候着可我呢!却从上个星期就呆在这如同“垃圾池”般的狭...
    谢佩伦阅读 1,670评论 1 0
  • 告别 今夜再想起外婆,已是天人永隔了,便纵有千般话语,亦不可诉了。 我们的告别有许多次,从外婆的老...
    人间雪白乘雪归阅读 2,880评论 4 11