在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;
}
複製代碼