Inserindo valores de variáveis e constantes em JSX

Suponha que temos o seguinte código:

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

Vamos fazer com que o valor da constante str seja inserido no texto da div. Para isso, precisamos escrever nossa constante entre chaves dentro do JSX, assim:

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

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