多条件判断小程序编译错误

[niuhuahua]

问题描述
组件多条件渲染，通过变量渲染组件。当存在一个变量时，小程序正常，当存在多个变量时，编译失败

代码步骤

render() {
    let typeText, btnGroup = null;
         if( orderItem.status == 3 && (orderItem.payStatus==2 || orderItem.payStatus==3)){
          typeText = ( <Text className='order-item-title-type'> 分拣中</Text>) 
          btnGroup = (  <Text className='order-item-title-type'>显示状态按钮 </Text> ) //加上这个变量就注册，注释掉就能成功运行
        }
    return (
      <View className="page">
        <View className="bigContainer">
          {typeText }
         <View>
        {btnGroup }
        </View>
        </View>
      </View>
    );
  }

代码贴图

报错信息






系统信息

Taro v1.2.13

Windows 10]

• Node.js 版本 [e.g. v8.9.3]
• 报错平台 [weapp]

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[yuche]

升级你的 Taro 就可以解决了

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~