What are inline conditional expressions?

DWQA QuestionsCategory: Web Design HTMLWhat are inline conditional expressions?
Editor Staff asked 2 weeks ago

What are inline conditional expressions?

1 Answers
Editor Staff answered 2 weeks ago

You can use either if statements or ternary expressions which are available from JS to conditionally render expressions. Apart from these approaches, you can also embed any expressions in JSX by wrapping them in curly braces and then followed by JS logical operator &&.

<h1>Hello!</h1>
{
    messages.length > 0 && !isLogin?
      <h2>
          You have {messages.length} unread messages.
      </h2>
      :
      <h2>
          You don't have unread messages.
      </h2>
}