Nuances when inserting variable values

In addition to inserting a constant, there may be some other text in the tag:

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

You can insert as many constants as you want into one tag:

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

Constant insertions can also be separated by some text:

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>;
}