你可以通过用花括号包裹代码在 JSX 中嵌入几乎任何表达式 ，也包括 JavaScript 的逻辑与 &&，它可以方便地条件渲染一个元素。

    1. class LoginStatus extends Component {
    2.   render () {
    3.     const isLoggedIn = this.props.isLoggedIn
    4.     return (
    5.       <View>
    6.         {isLoggedIn && <Text>已登录</Text>}
    7.         {!isLoggedIn && <Text>未登录</Text>}
    8.       </View>
    9.     )
    10.   }
    11. }

    以上代码和 元素变量 部分代码达成的效果是一样的。

    之所以能这样做，是因为在 JavaScript 中，true && expression 总是返回 expression，而 false && expression 总是返回 false。
    因此，如果条件是 true，&& 右侧的元素就会被渲染，如果是 false，Taro 会忽略并跳过它。