ฉันควรใช้ผู้อ้างอิงในการตอบโต้หรือไม่?

2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54

ในขณะที่คุณ สามารถ เพิ่ม อ้างอิง สำหรับองค์ประกอบลูก นี่ไม่ใช่ทางออกที่ดี เนื่องจากคุณจะได้รับเฉพาะอินสแตนซ์ของส่วนประกอบแทนที่จะเป็นโหนด DOM นอกจากนี้ วิธีนี้ใช้ไม่ได้กับคอมโพเนนต์ของฟังก์ชัน ถ้าคุณ ใช้ React 16.3 หรือสูงกว่า เราขอแนะนำ ใช้ref การส่งต่อกรณีเหล่านี้

ในเรื่องนี้ เหตุใดเราจึงใช้ผู้อ้างอิงในการตอบโต้?

อ้างอิง เป็นฟังก์ชันที่จัดทำโดย ปฏิกิริยา เพื่อเข้าถึงองค์ประกอบ DOM และ ปฏิกิริยา องค์ประกอบที่ คุณ อาจสร้างขึ้นมาเอง พวกเขาคือ ใช้แล้ว ในกรณีที่ เรา ต้องการเปลี่ยนค่าขององค์ประกอบลูกโดยไม่ต้องทำ ใช้ ของอุปกรณ์ประกอบฉากและทั้งหมด

นอกจากนี้ คุณจะผ่านผู้อ้างอิงในการตอบโต้อย่างไร? เรากำหนด a อ้างอิง ในองค์ประกอบที่ต้องการ อ้างอิง และ ผ่าน ไปที่องค์ประกอบปุ่ม ปฏิกิริยา จะ ผ่าน NS อ้างอิง ผ่านและส่งต่อลงไปที่ <button อ้างอิง ={ อ้างอิง }> โดยระบุเป็นแอตทริบิวต์ JSX เมื่อ อ้างอิง ที่แนบมา อ้างอิง . ปัจจุบันจะชี้ไปที่โหนด DOM

นอกจากนี้ กรรมการมีปฏิกิริยาตอบสนองที่ไม่ดีหรือไม่?

ตามที่เป็นทางการ ตอบสนอง เอกสาร แม้ว่า string ผู้อ้างอิง ไม่ได้เลิกใช้ แต่ถือเป็นมรดก และมีแนวโน้มว่าจะเลิกใช้ในอนาคต

ปฏิกิริยา createRef ทำอะไร?

การสร้างการอ้างอิง - การใช้ ปฏิกิริยา . createRef () และแนบไปกับ ปฏิกิริยา องค์ประกอบผ่านแอตทริบิวต์ผู้อ้างอิง โดยพื้นฐานแล้ว คุณมอบหมายผู้อ้างอิงที่ส่งคืนจาก ปฏิกิริยา . createRef () กับคุณสมบัติอินสแตนซ์เมื่อส่วนประกอบ เป็น สร้าง (aka ในตัวสร้างของส่วนประกอบ) ด้วยวิธีนี้ผู้อ้างอิง สามารถ ถูกอ้างอิงตลอดทั้งองค์ประกอบ