การแนะนำ State ใน React
แนวคิดต่อไปที่เราจะเรียนรู้ เรียกว่า State State คือ ตัวแปรReactive ของคอมโพเนนต์
Reactivity หมายความว่าเมื่อ State เปลี่ยน การเปลี่ยนแปลงจะเกิดขึ้นในทุกตำแหน่ง ที่ใช้ State นี้ ในทางเทคนิคสิ่งนี้ เกิดขึ้นได้โดยการเรนเดอร์คอมโพเนนต์ใหม่ทั้งหมด เมื่อ State ใด ๆ เปลี่ยนแปลง
เพื่อใช้ State ก่อนอื่นจำเป็นต้อง
นำเข้าฟังก์ชัน useState:
import React, { useState } from 'react';
ฟังก์ชัน useState รับพารามิเตอร์เป็น
ค่าเริ่มต้นของ State และคืนค่าผลลัพธ์เป็น
อาร์เรย์พิเศษที่มีสององค์ประกอบ
ในองค์ประกอบแรกของอาร์เรย์จะเก็บ
ค่าปัจจุบันของ State และในองค์ประกอบที่สอง - ฟังก์ชัน
สำหรับเปลี่ยน State
เพื่อการทำงานของ State ที่ถูกต้อง ไม่สามารถเปลี่ยนค่าได้ โดยตรง แต่ควรใช้ฟังก์ชัน สำหรับการเปลี่ยนค่า - เฉพาะเมื่อนั้น Reactivity ถึงจะทำงาน
