“Condicionais JSX:” Respostas de código

Propriedade JSX condicional

render() {
  return (
    <a className="navbar-brand" {... url ? {href: url} : {}}>Logo</a>
  )
}
Angry Aardvark

Condicionais JSX:

/*
&& works best in conditionals that will sometimes do an action, but other times do 
NOTHING at all.
*/

const tasty = (
  <ul>
    <li>Applesauce</li>
    { !baby && <li>Pizza</li> }
    { age > 15 && <li>Brussels Sprouts</li> }
    { age > 20 && <li>Oysters</li> }
    { age > 25 && <li>Grappa</li> }
  </ul>
);

/*
If the expression on the left of the && evaluates as true, then the JSX on the 
right of the && will be rendered. If the first expression is false, however, then 
the JSX to the right of the && will be ignored and not rendered.
*/
M Hassan khan

Respostas semelhantes a “Condicionais JSX:”

Perguntas semelhantes a “Condicionais JSX:”

Mais respostas relacionadas para “Condicionais JSX:” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código