「React Native」子组件Render中props为空报
2017-12-29 本文已影响13人
Android埋坑的艺术
子组件传递 props 为空,导致在 render 中取值报错问题
问题描述
当子组件依赖父组件中的网络请求返回的数据渲染时,在网络返回成功之前,父组件第一次 render 时,传递到子组件的 props 为空,会导致子组件渲染失败报错。
解决方案
在父组件中判断网络是否返回成功
如果还没有返回,则在父组件渲染界面时用一个空 View 或者 null 占位,
或者在子组件的 props 中取值时进行判空操作
Write by Raykle