Open1
ReactのHTML部分(JSX)でif elseする方法
if
-
{条件式 && 処理1}
のように処理する
return (
<div>
<h1>Hello!</h1>
{unreadMessages.length > 0 &&
<h2>
You have {unreadMessages.length} unread messages.
</h2>
}
</div>
);
if else
-
{条件式 ? 処理1 : 処理2}
のように
return (
<div>
The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.
</div>
);
参考
- このドキュメントに全部書いてある