Εισαγωγή τιμών μεταβλητών και σταθερών σε JSX

Ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα:

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

Ας κάνουμε έτσι ώστε η τιμή της σταθεράς str να εισαχθεί στο κείμενο του div. Για αυτό πρέπει να γράψουμε τη σταθερά μας μέσα σε σγουρά παρενθέσεις, έτσι:

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

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