Indsættelse af variable værdier og konstanter i JSX

Lad os sige, at vi har følgende kode:

jsxfunction App() {
  const str = 'text';
  
  return <div>
    text
  </div>;
}

Lad os gøre det sådan, at værdien af konstanten str bliver indsat i div'ens tekst. For at gøre dette skal vi skrive vores konstant i krøllede parenteser inde i, sådan her:

jsxfunction App() {
  const str = 'text';
  
  return <div>
    {str}
  </div>;
}

jsxfunction App() {
  const str1 = 'text1';
  const str2 = 'text1';
  
  return <div>
    <p></p>
    <p></p>
  </div>;
}