Chèn giá trị biến và hằng số vào JSX

Giả sử chúng ta có đoạn mã sau:

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

Hãy làm sao để giá trị của hằng số str được chèn vào văn bản của thẻ div. Để làm điều này, chúng ta cần viết hằng số của mình bên trong dấu ngoặc nhọn, như thế này:

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

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