在React Native中使用switch-case

在render中使用switch-case

按照之前在render中的js写法，直接在大括号里写switch-case，发现会报错

<View>
  {
    switch(this.state.approve) {
      case 0:
        break;
      case 1:
        break;
      default:
        break;
    }
  }
</View>

发现会报错

正确的写法是

<View>
  {
    (() => {
      switch (this.state.approve) {
        case 0:
          // 审核中
          return (
            <>
              <Image
                style={styles.authenticateResultImg}
                source={require('../../assets/imgs/checking.png')}></Image>
              <Text style={styles.checking}>正在审核中...</Text>
              <Text style={styles.checkingTip}>您已成功申请主播，请等待官方人员审核</Text>
            </>
          )
          break;
        case 1:
          return (
            <></>
          )
          break;
        default:
          break;
      }
    })()
  }
</View>

在周期中使用switch-case

switch (this.state.approve) {
  case 0:
    // 审核中
    return (
      <>
        <Image style={styles.authenticateResultImg} source={require('../../assets/imgs/checking.png')}></Image>
        <Text style={styles.checking}>正在审核中...</Text>
        <Text style={styles.checkingTip}>您已成功申请主播，请等待官方人员审核</Text>
      </>
    )
    break;
  case 1:
    return (
      <></>
    )
  break;
  default:
    return null;
}