In JSX, which of the following is the correct way to embed a JavaScript expression within an HTML element?

Đáp án đúng: "

<h1> {
  greeting
}
</h1>

". Trong JSX, một cặp ngoặc nhọn đơn mở chỗ chèn biểu thức JavaScript; khi render, React tính giá trị của greeting và đặt kết quả làm nội dung chữ của thẻ h1. "

<h1> {
  {
    greeting
  }
}
</h1>

" dùng ngoặc nhọn kép: lớp trong là đối tượng viết tắt chứa thuộc tính greeting, React không render được đối tượng làm nội dung con nên báo lỗi; ngoặc kép chỉ gặp khi truyền đối tượng, ví dụ prop style. "<h1> <greeting /> </h1> " bị hiểu là một phần tử tên greeting, thẻ viết thường được coi là thẻ HTML chứ không phải biến, nên không hiện giá trị. "

<h1> ${
  greeting
}
</h1>

" là cú pháp chèn biến của template literal; trong JSX dấu đô la chỉ là chữ thường, nên màn hình hiện thêm ký tự $ đứng trước giá trị.