ผลลัพธ์การทำงานของคอมโพเนนต์

ใน div ที่แสดงผล จะปรากฏสิ่งที่ฟังก์ชันคอมโพเนนต์ส่งคืนผ่าน return ในตัวอย่างถัดไป นี่จะเป็น div ที่มีข้อความ:

jsxfunction App() {
  return <div>
    text
  </div>;
}

โปรดสังเกตว่าเราเขียน div โดยไม่ใช้เครื่องหมายคำพูด — เราแค่เขียนแท็กในโค้ด JavaScript! นี่คือคุณลักษณะหลักของ React จริงๆ แล้วใน React เราไม่ได้เขียนด้วยภาษา JavaScript แต่เขียนด้วยภาษา JSX ซึ่งเราจะได้เรียนในบทเรียนต่อๆ ไป