Sym - 一个用 Java 实现的现代化社区平台 • 源码注册

Pipe - 小而美的开源博客平台 • 体验皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

什么是内联条件表达式?

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 秒


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

留下你的脚步