מה עושה react createRef?
מה עושה react createRef?

וִידֵאוֹ: מה עושה react createRef?

וִידֵאוֹ: מה עושה react createRef?
וִידֵאוֹ: A Trick Every React Developer Should Know: Ref Forwarding 2024, אַפּרִיל
Anonim

כאשר נעשה שימוש בתכונת ref ברכיב HTML, ה-ref שנוצר בבנאי עם לְהָגִיב . ליצורRef () מקבל את רכיב ה-DOM הבסיסי כמאפיין הנוכחי שלו. כאשר נעשה שימוש בתכונת ref ברכיב מחלקה מותאמת אישית, אובייקט ref מקבל את המופע הרכוב של הרכיב בתור הנוכחי שלו.

כמו כן נשאל, מה התועלת של refs ב-react?

שופטים הם פונקציה שמסופקת על ידי לְהָגִיב כדי לגשת לרכיב DOM ול- לְהָגִיב אלמנט שאולי יצרת בעצמך. הם בשימוש במקרים בהם אנו רוצים לשנות את הערך של רכיב ילד, מבלי לעשות להשתמש של אביזרים והכל.

אפשר גם לשאול, איך מעבירים התייחסות הורה לילד? עם ref s, הערך נמצא בצומת ה-DOM עצמו, ויש להעבירו עד ל- הוֹרֶה . ל לַעֲבוֹר ערך זה מ יֶלֶד ל הוֹרֶה , ה הוֹרֶה צריך ל לַעֲבוֹר להוריד 'וו', אם תרצו, אל יֶלֶד . ה יֶלֶד ואז מצרף צומת ל'הוק' כך שה הוֹרֶה יש גישה אליו.

אז איך מעבירים שופטים בתגובה?

אנו מגדירים את א ref ברכיב שצריך את ref ו לַעֲבוֹר זה לרכיב הכפתורים. לְהָגִיב רָצוֹן לַעֲבוֹר ה ref דרך והעבר אותו למטה ללחצן < ref ={ ref }> על ידי ציון זה כתכונה JSX. כאשר ref מצורף, ref . הנוכחי יצביע על צומת ה-DOM.

מה זה ref ב-HTML?

ה ref attribute מאפשרת לאחסן הפניה לרכיב React או רכיב מסוים המוחזר על ידי פונקציית התצורה render() component. זה יכול להיות בעל ערך כאשר אתה צריך הפניה, מתוך רכיב, לרכיב או רכיב כלשהו הכלולים בפונקציה render().

מוּמלָץ: