子组件传递 props 为空,导致在 render 中取值报错问题
问题描述
当子组件依赖父组件中的网络请求返回的数据渲染时,在网络返回成功之前,父组件第一次 render 时,传递到子组件的 props 为空,会导致子组件渲染失败报错。
解决方案
在父组件中判断网络是否返回成功
如果还没有返回,则在父组件渲染界面时用一个空 View 或者 null 占位,
或者在子组件的 props 中取值时进行判空操作
Write by Raykle
子组件传递 props 为空,导致在 render 中取值报错问题
问题描述
当子组件依赖父组件中的网络请求返回的数据渲染时,在网络返回成功之前,父组件第一次 render 时,传递到子组件的 props 为空,会导致子组件渲染失败报错。
解决方案
在父组件中判断网络是否返回成功
如果还没有返回,则在父组件渲染界面时用一个空 View 或者 null 占位,
或者在子组件的 props 中取值时进行判空操作
Write by Raykle
本文标题:「React Native」子组件Render中props为空报
本文链接:https://www.haomeiwen.com/subject/ourigxtx.html
网友评论