Ternær operator i JSX

Som du allerede vet, inne i krøllparentesene kan du utføre JavaScript-kode. Egentlig kan denne koden ikke være hvilken som helst, bare den enkleste.

Spesielt kan ikke betingelser if brukes der. I stedet bør du bruke forkortede varianter av betingelser.

La oss, avhengig av verdien til konstanten show, vise én eller annen tekst. La oss bruke den ternære operatoren:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show ? 'text1' : 'text2'}
  </div>;
}

Du kan jobbe ikke bare med tekster, men også med tagger:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show ? <p>text1</p> : <p>text2</p>}
  </div>;
}

jsxfunction App() {
  const age = 19;
  
  return <div>
    
  </div>;
}