关于使用Inline Expressions
文章目录

React: 关于使用Inline Expressions.md

If-then

1
2
3
4
5
6
7
8
9
10
return (
    <div>
      <h1>Hello!</h1>
      {unreadMessages.length > 0 &&  //注意这里, 前面其实是一个条件
        <h2>
          You have {unreadMessages.length} unread messages.
        </h2>
      }
    </div>
  );

If-Else

1
2
3
4
5
  return (
    <div>
      The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.
    </div>
  );
1
2
3
4
5
6
7
8
9
 return (
    <div>
      {isLoggedIn ? (
        <LogoutButton onClick={this.handleLogoutClick} />
      ) : (
        <LoginButton onClick={this.handleLoginClick} />
      )}
    </div>
  );