React篇(030)-什么是内联条件表达式?

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

代码语言：javascript复制

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

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

代码语言：javascript复制

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

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

jsx null

0 人点赞