Lifecycle Methods ของ React Component

11 Feb 2018

Share to:

มาดู Lifecycle ของ Component กันหน่อยครับ ว่าตั้งแต่ Component เกิดขึ้นมาจนถูกถอดออกจากเว็บ มันเกิดอะไรขึ้นบ้าง

ใน React.component ที่เรา Extends มาตอนเราสร้าง Component จะ Method ที่จะถูกเรียกตาม Lifecycle ดังนี้

componentWillMount()

เกิดขึ้นก่อนที่ component จะถูก render ขึ้นมา

componentDidMount()

เกิดขึ้นหลังจากที่ component ได้ถูก render แล้ว

componentWillReceiveProps()

เกิดขึ้นหลังจากที่ component ได้รับ props ค่าใหม่

componentWillUpdate()

เกิดขึ้นก่อนที่ component จะถูก render ใหม่ หลังจากที่ได้รับ props ใหม่

componentDidUpdate()

เกิดขึ้นหลังที่จาก component ถูก render ใหม่

componentWillUnmount()

เกิดขึ้นก่อนที่ component จะถูกเอาออกจาก DOM

React Lifecycle Methods

Image

Suggestion blogs

เหรียญ 20 บาท รางวัลผู้นำโลกด้านทรัพย์สินทางปัญญา พ.ศ.2551

รางวัลผู้นำโลกด้านทรัพย์สินทางปัญญา พ.ศ.2551ข้อมูลเหรียญกษาปณ์ที่ระลึกเฉลิมพระเกียรติพระบาทสมเด็จพระปรมินทรมหาภูมิพลอดุลยเดช เนื่องในโอกาสที่องค์การทรัพย์สินทางปัญญาโลก ( WIPO ) ทูลเกล้าทูลกระหม่อมถวายรางวัลผู้นำโลกด้านทรัพย์สินทางปัญญา เพื่อเฉลิมพระเกียรติและเชิดชูพระอัจฉริยภาพในการส่งเสริมเผยแพร่บทบาทด้านทรัพย์สินทางปัญญาและพัฒนานวัตกรรมสิ่งประดิษฐ์ต่าง ๆ โดยพัฒนาคุณภาพชีวิตของคนไทยและเป็นประโยชน์ต่อชาวโลก เช่น กังหันน้ำชัยพัฒนา และโครงการทำฝนหลวง ทรงเป็นนักสร้างสรรค์ นักประดิษฐ์ ผลงานของพระองค์ท่านทดลองแล้ว ได้ประโยชน์และมีผลในการปฏิบัติได้จริง มีคุณค่าในด้านทรัพย์สินทางปัญญาของโลก

อาร์เรย์  (Array) คืออะไร

อาร์เรย์เป็นชนิดข้อมูลประเภทหนึ่งที่นําชนิดข้อมูลแบบพื้นฐานเช่น int, char มาประยุกต์ ให้สามารถเก็บข้อมูลได้มากกว่า 1 ชุด ซึ่งจะต่างจากชนิดข้อมูลทั่วไปคือ ชนิดข้อมูลทั่วไปเมื่อประกาศมาแล้วจะเก็บค่าได้เพียง 1 ค่าต่อตัวแปร 1 ตัวเท่านั้น แต่เมื่อประกาศตัวแปรเป็นชนิดข้อมูลแบบอาร์เรย์ จะสามารถกําหนดขนาดของข้อมูลที่จะเก็บได้

Unbox Raspberry Pi Zero W

Raspberry Pi Zero W เป็นรุ่นที่สอง พัฒนามาจากจาก Raspberry Pi Zero รุ่นนี้ราคาจะอยู่ที่ประมาณ 10$ หรือ ประมาณ 350 บาท สําหรับสิ่งที่เพิ่มเติมเข้ามาในรุ่นมีดังนี้


Copyright © 2019 - 2024 thiti.dev |  v1.34.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Youtube channel   Telegram   Email contact   วงแหวนเว็บ