React Native 踩坑合集

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

2017-12-29  本文已影响13人  Android埋坑的艺术

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

问题描述

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

解决方案

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

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

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

Write by Raykle

上一篇 下一篇

猜你喜欢

热点阅读