不支持render中,使用函数多条件渲染
h5不报错,但是编译成小程序时 会报错
错误写法:
onRenderContent = () => { const { verified, recognized } = this.state; let content = null; // 初始化时,必须赋值,否则小程序报错undefined if (verified && recognized) { content = ( <view>验证通过且识别通过 </view> ) } else if (!verified && recognized) { content = ( <view> 识别通过但是验证不通过</view> ) } else { content = ( <view> 默认显示的值</view> ) } return content; } render () { return ( <view> {this.onRenderContent()} </view> ) }
正确写法:
render () { const { verified, recognized } = this.state; let content = null; if (verified && recognized) { content = ( <view>验证通过且识别通过 </view> ) } else if (!verified && recognized) { content = ( <view> 识别通过但是验证不通过</view> ) } else { content = ( <view> 默认显示的值</view> ) } return ( <view> {content} </view> ) }
.