ในตอนที่แล้วตอนที่สร้าง Component Blink ขึ้นมาจะเห็นว่าผมสร้าง method ขึ้นมาตัวนึงชื่อ componentDidMount()
Method ตัวนี้เป็นหนึ่งใน Method ที่ React สงวนไว้ให้เรานำไปใช้ในช่วงเวลาต่างๆตั้งแต่ก่อนจะ render ไปจนหลังจากลบ Component แล้ว หรือเรียกอีกอย่างนึงว่า Life Cycle Method
ซึ่ง Method จำพวกนี้มีหลายตัว และเอาไว้ override เพื่อใช้ในสถานการณ์ที่ต่างกัน แต่ว่าจะมีการจัดไว้ 3 พวกหลักๆดังนี้ครับ
1.Mounting
เป็น Method ที่เกี่ยวข้องกับการ Mount Component ลงบนหน้าแอพ จะถูกเรียกเป็นลำดับตามนี้
constructor()static getDerivedStateFromProps()render()componentDidMount()
2.Updating
Method พวกนี้จะถูกรันตามลำดับถ้ามีการเปลี่ยนแปลง State เกิดขึ้น
static getDerivedStateFromProps()shouldComponentUpdate()render()getSnapshotBeforeUpdate()componentDidUpdate()
3.Unmounting
Method นี้จะเอาไว้ใช้เวลาจะถอด Component ออกจากหน้าแอพ
componentWillUnmount()
นอกจาก 3 ประเภทหลักๆแล้วก็จะมี Method อีกตัวนึงที่เอาไว้ Handling เวลามี Error เกิดขึ้นด้วยคือcomponentDidCatch()
การใช้ Lifecycle method ไม่จำเป็นว่าจะต้องใช้ให้ครบทุกตัว แต่ตัวหลักๆที่มีให้ใช้นี่ถ้านำไปใช้ให้ถูกสถานการณ์จะมีประโยชน์มากๆครับ
สำหรับการเขียน React Native แบบพื้นฐานก็คงไม่มีอะไรมากนอกเหนือไปจากนี้แล้ว ผมเลยคิดว่าจะขอจบซีรีส์นี้ไปก่อน ถ้าสนใจอยากรู้รายละเอียดเพิ่มเติมสามารถเข้าไปอ่านได้ที่ Documentation ของ React Native ได้ครับ
Medium ที่ 51
ปีนี้ผมตั้งใจว่าจะเขียน Medium ให้ได้เดือนละ 4–5 Medium ครับ สิ้นปีก็จะมี 52 Medium เท่ากับจำนวนสัปดาห์ใน 1 ปีพอดี ไม่รู้จะทำได้มั้ย แต่ก็ถือเป็น Passion เล็กๆน้อยๆของผมครับ 5555
ผมเขียนบทความหลายแนวแล้วแต่ว่าอยากเขียนยังไง ถ้าอยากให้กำลังใจช่วยกด Clap ให้ซักที สองทีด้วยนะครับ :D
เจอกันบทความหน้าครับ