在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;
}
复制代码