Inserting Variable and Constant Values ​​into JSX

Let's say we have the following code:

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

Let's make it so that the value of the constant str is inserted into the text of the div. To do this, our constant needs to be written in curly brackets inside, like this:

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

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