什么是内联条件表达式？

2019-01-22

回答

你可以使用 if 语句或三元表达式来根据条件获取对应的结果。除了这些方法之外，你还可以在 JSX 中嵌入任意表达式，如：花括号中使用逻辑运算符 && 或三元表达式。

(
    <div>
      <h1>Hello! {isLoggedIn ? 'Vanessa' : 'User'}</h1>
      {unreadMessages.length > 0 &&
        <h2>
          You have {unreadMessages.length} unread messages.
        </h2>
      }
    </div>
 )

加分回答

三元表达式可以赋给一个变量，可以嵌套多个三元表达式，可以进行多个操作并返回最后一个操作，如：

var age = 16;
var result = age > 18 ? (
    alert('OK, you can go.'), 
    'welcome'
) : (
    alert('You are much too young!'),
    '404'
);
console.log(result); // 404

条件表达式可以使用三元表达式进行简写；三元表达式可以使用条件运算符 ||，&& 进行简写。但易于开发者阅读的才是好代码 😊

返回总目录

每天 30 秒

欢迎注册黑客派社区，开启你的博客之旅。让学习和分享成为一种习惯！