ฮุคใน React
ในบทเรียนนี้ เราจะเริ่มทำความรู้จักกับฮุค เรา
เคยพบเจอมันมาแล้วตอนที่เรียนเกี่ยวกับ
สเตต
- ที่นั่นเราได้เรียนรู้การทำงานกับฮุค
สเตต useState
โดยทั่วไปแล้ว ฮุคคือฟังก์ชัน JavaScript ทั่วไป
ซึ่งชื่อของมันจะขึ้นต้นด้วยคำว่า 'use'
ฮุคช่วยให้เราสามารถใช้สเตตและความสามารถอื่นๆ ของ React ได้โดยไม่ต้องใช้คลาส มัน ช่วยอำนวยความสะดวกในการนำโค้ดกลับมาใช้ใหม่สำหรับ งานต่างๆ และยังช่วยในการทดสอบ และช่วยแบ่งคอมโพเนนต์ที่ซับซ้อนออกเป็น ฟังก์ชันที่เรียบง่ายขึ้นตามวัตถุประสงค์ของมัน ฮุคบางตัว ยังสามารถแทนที่ฟังก์ชันการทำงานของ Redux ได้ นอกจากนี้ ฮุคยังช่วยปรับปรุง ประสิทธิภาพของแอปพลิเคชัน
หากคุณต้องการใช้ฮุค ให้ปฏิบัติตาม กฎหลักสองข้อ ข้อแรก, ใช้มันเฉพาะในระดับบนสุดเท่านั้น - อย่าเรียกใช้มันภายในลูป, คำสั่งเงื่อนไข หรือฟังก์ชันที่ซ้อนกัน ข้อสอง ควรเรียกใช้ฮุคจาก ฟังก์ชัน React เท่านั้น (จากคอมโพเนนต์ React หรือ ฮุคที่กำหนดเอง) แต่ไม่ใช่จาก ฟังก์ชัน JavaScript ทั่วไป
นอกจากนี้ ข้อผิดพลาดที่มักเกิดขึ้นจาก โปรแกรมเมอร์ คือ การใช้ฮุคในโค้ด โดยขาดการควบคุม ก่อนที่จะ ใช้ฮุคใดๆ ให้แน่ใจว่า มันจำเป็นจริงๆ
ในบทเรียนต่อไป เราจะพิจารณาประเภทของฮุค
