ใน React.js นั้นทุกอย่างจะเริ่มต้นด้วย component จากนั้นก็จะมีเรื่องของ state เข้ามาเพื่อกำหนดจังหวะและ logic ในการทำงาน ซึ่งเรื่องของ state จะมาเขียนอธิบายในบทความหน้า แต่บทความนี้จะมาพูดถึง Constructor ซึ่งทาง React.js นั้นได้ออกแบบมาเป็นพื้นฐานรูปแบบทั่วไปเหมือนในภาษา Programming อื่นๆคือ ใช้คำว่า constructor เลยมีการเรียกใช้ super เพื่อใช้ constructor ของ class แม่ตามแบบฉบับ OOP มาตราฐาน ซึ่งการกำหนด constructor ของ class component ชัดเจนทำให้ง่ายต่อการพัฒนา ต่างจากรูปแบบ javascript แบบเก่าที่ใช้งาน constructor ได้สับสน เอาละเรามาดูรูปแบบการใช้งานกัน จากโค้ดจะเห็นมาสิ่งเริ่มต้นทำใน constructor นั้นจะเป็นการกำหนดค่า state และ prop ให้กับ component ที่สร้างขึ้นเพื่อเป็นการกำหนดค่าเริ่มต้น เหมือนกับ การสร้าง object ในภาษานั้นเองรวมไปถึงเพื่อให้ง่ายต่อการกำหนด design state การทำงานของ component ได้อีกด้วย นอกจากนี้ จะเห็นมาเราสามารถใช้คำสั่ง super เพื่อให้เรียกใช้ constructor ของ class แม่ ซึ่งสังเกตว่า Class Car นั้นมีการกำหนด ค่า state power เป็น oil แต่เมื่อ Class ElectricCar สืบทอด Class Car มีการ override state power ให้เป็น Electric นอกจากนี้ยังมีการเพิ่ม state speed อีกด้วย เมื่อสั่ง render component ทั้งสอง Class ก็จะได้ดังรูปครับ จุดสังเกตว่าถ้าเราลองลบคำสั่ง super ใน class ElectricCar จะทำให้Read More →