🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

什么是内联条件表达式?

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 秒


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

留下你的脚步