แสดงสถานะการรีเซ็ทใหม่หรือไม่?

สารบัญ:

แสดงสถานะการรีเซ็ทใหม่หรือไม่?
แสดงสถานะการรีเซ็ทใหม่หรือไม่?
Anonim

ไม่ สถานะจะยังคงอยู่จนกว่าส่วนประกอบของคุณจะยกเลิกการต่อเชื่อม หากคุณต้องการทริกเกอร์บางอย่างขณะยกเลิกการต่อเชื่อม คุณสามารถใช้ useEffect hook

ฉันจะรีเซ็ตสถานะหลังจากแสดงผลได้อย่างไร

ใช้ 'setState' พร้อมฟังก์ชันเรียกกลับ ซึ่งเปลี่ยนสถานะได้

เปลี่ยนสถานะแสดงผลใหม่หรือไม่

การเรนเดอร์ซ้ำสามารถทริกเกอร์ได้ก็ต่อเมื่อสถานะของส่วนประกอบเปลี่ยนไป สถานะสามารถเปลี่ยนจากการเปลี่ยนแปลงอุปกรณ์ประกอบฉากหรือจากการเปลี่ยนแปลง setState โดยตรง ส่วนประกอบได้รับสถานะที่อัปเดตและ React จะตัดสินใจว่าควรแสดงผลส่วนประกอบอีกครั้งหรือไม่

จะเกิดอะไรขึ้นเมื่อ React แสดงผลซ้ำ

ดังที่เราเห็นก่อนหน้านี้ React แสดงผลส่วนประกอบอีกครั้งเมื่อคุณ เรียกฟังก์ชัน setState เพื่อเปลี่ยนสถานะ (หรือฟังก์ชันที่ให้ไว้จาก useState hook ในส่วนประกอบฟังก์ชัน).ด้วยเหตุนี้ คอมโพเนนต์ย่อยจะอัปเดตเมื่อสถานะของคอมโพเนนต์หลักเปลี่ยนแปลงด้วยฟังก์ชันใดฟังก์ชันหนึ่งเท่านั้น

คุณรีเซ็ตตัวแปรสถานะใน React อย่างไร

การรีเซ็ตสถานะเป็นสถานะเริ่มต้น

เรามีอ็อบเจ็กต์ initialState ที่มีสถานะเริ่มต้นของแบบฟอร์มการสมัครของเรา จากนั้นเราเรียก useState ในแอปเพื่อสร้างสถานะอ็อบเจ็กต์ ต่อไป เราสร้างฟังก์ชัน clearState เพื่อรีเซ็ตสถานะโดย เรียกฟังก์ชัน setState state setter ด้วยสำเนาของ initialState.