Nuancen beim Einfügen von Variablenwerten

Neben dem Einfügen einer Konstante in ein Tag kann es noch anderen Text geben:

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

In ein Tag können beliebig viele Konstanten eingefügt werden:

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

Einfügungen von Konstanten können auch durch irgendeinen Text getrennt werden:

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

jsxfunction App() {
  const name = 'user';
  const age  = '30';
  
  return <div>
    name: ?
    age:  ?
  </div>;
}