不支持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>
  )
}

.

相关文章:

  • 2022-12-23
  • 2021-11-19
  • 2022-12-23
  • 2021-07-14
  • 2021-07-20
猜你喜欢
  • 2021-08-15
  • 2022-12-23
  • 2021-07-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案