Insertion de valeurs de variables et constantes dans JSX

Supposons que nous ayons le code suivant :

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

Faisons en sorte que la valeur de la constante str soit insérée dans le texte de la div. Pour cela, nous devons écrire notre constante entre des accolades à l'intérieur, comme ceci :

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

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