Please enable JavaScript.
Coggle requires JavaScript to display documents.
React - Coggle Diagram
React
Component Lifecycle
Update
การที่เราเล่นกับ Component นั่นๆเช่น input มีค่าเปลี่ยนแปลงจะเข้าสู่ช่วงอัพเดพด้วยตัวมันเอง
render
getSnapshotBedoreUpdate
shouldComponentUpdate
componentDidUpdate
getDerivedStateFromProps
Unmouting
คือการที่เราได้ปิดหน้าเว็บนั้นหรือเปลี่ยนหน้า Page แล้ว Component นั้นได้หายไป
componentWillUnmount
Mounting
คือการเปิดหน้าเว็บขึ้นมา Component ต่างๆจะ Mount ขึ้นมา
getDerivedStateFromProps
render
constrictor
componentDidMount
การสร้าง Component
Class Component
Functional Component
React Hook Version 16.8 ขึ้นไป
ใช้สำหรับการจัดการเกี่ยวกับ State หรือฟีเจอร์ต่างๆที่อยู่ภายใน React โดยที่ไม่ต้องเขียนใน Class Component แต่จะเขียนใน Functional Component แทน
ReactDOM
ReactDOM เป็น Library เหมือนกับ React ทำหน้าที่เฉพาะในการจัดการกับ DOM และในเฉพาะกับ React เท่านั้น
ReactDOM.render()
State
State คือตัวแปรที่เก็บข้อมูลภายใน component
การใช้งาน
สามารถเปลี่ยนแปลงข้อมูลได้ระหว่างที่ทำงาน Run Application
useEffect