Den ternære operator i JSX

Som du allerede ved, kan du udføre JavaScript-kode inden de krøllede parenteser. Faktisk kan denne kode ikke være enhver, men kun den mest simple.

Især kan betingelser if ikke anvendes der. I stedet bør man bruge de forkortede versioner af betingelser.

Lad os, afhængigt af værdien af konstanten show, vise den ene eller den anden tekst. Lad os bruge den ternære operator:

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

Det er muligt at arbejde ikke kun med tekster, men også med tags:

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

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