Các sắc thái khi chèn giá trị biến

Ngoài việc chèn hằng số, trong thẻ cũng có thể có thêm văn bản khác:

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

Có thể chèn bao nhiêu hằng số tùy thích vào một thẻ:

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

Các phần chèn hằng số cũng có thể được phân cách bằng văn bản nào đó:

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