Question

在 JS 中你可以使用 if 语句或三元表达式，来实现条件判断。除了这些方法之外，你还可以在 JSX 中嵌入任何表达式，方法是将它们用大括号括起来，然后再加上 JS 逻辑运算符 && 。

<h1>Hello!</h1>
{
    messages.length > 0 && !isLogin ?
      <h2>
          You have {messages.length} unread messages.
      </h2>
      :
      <h2>
          You don't have unread messages.
      </h2>
}

当然如果只是想判断 if，可以如下直接判断：

{
    isLogin && <span>Your have been login!</span>
}

在上面的代码中，不需要使用 isLogin ? <span>Your have been login!</span> : null 这样的形式。