React ရှိ Refs များ

ကျွန်ုပ်တို့သည် အချက်အလက်တစ်ခုခုကို မှတ်သားထားလိုပြီး ၎င်း၏ပြောင်းလဲမှုက component တစ်ခု၏ rendering ကို မဖြစ်စေလိုပါက၊ refs များနှင့် ၎င်းတို့နှင့်အလုပ်လုပ်သော useRef hook သည် အထောက်အကူပြုပါလိမ့်မည်။

Ref (သို့မဟုတ် ကိုးကားချက်) သည် သင်ဖတ်၍ရပြီး ပြောင်းလဲနိုင်သော current ဟူသည့် တစ်ခုတည်းသော property ပါရှိသည့် သာမန် JavaScript object တစ်ခုဖြစ်သည်။

State များကဲ့သို့ပင်၊ refs များသည် မည်သည့်အချက်အလက်အမျိုးအစားကိုမဆို သိမ်းဆည်းထားနိုင်ပါသည် - ၎င်းတို့မှာ နံပါတ်များ၊ စာသားများ၊ object များနှင့် function များပင် ဖြစ်နိုင်ပါသည်။

သင့်အချက်အလက်များကို rendering အတွက် အသုံးပြုပါက၊ ၎င်းတို့ကို state တွင် သိမ်းဆည်းပါ၊ သို့သော် rendering မလိုအပ်ပါက၊ ထိုသို့သောအခြေအနေတွင် refs များကို အသုံးပြုခြင်းသည် ပိုမိုထိရောက်မှုရှိနိုင်ပါသည်။ ထို့အပြင် state နှင့်မတူဘဲ ref ၏တန်ဖိုးသည် ချက်ချင်းပြောင်းလဲသွားပါသည်။

ယေဘုယျအားဖြင့် refs များကို သင်သည် React မှ ခွဲထွက်၍ ပြင်ပရှိ API များနှင့် အပြန်အလှန်ဆက်သွယ်ရန် လိုအပ်သည့်နေရာများတွင် အသုံးပြုပါသည် - များသောအားဖြင့် component ၏အမြင်ပုံပေါ်တွင် သက်ရောက်မှုမရှိသော browser API များနှင့် ဖြစ်သည်။ ဥပမာအားဖြင့်၊ timer ၏ id ကို သိမ်းဆည်းခြင်း သို့မဟုတ် JSX ကို တွက်ချက်ရန် မလိုအပ်သော်လည်း မကြာခဏဆိုသလို ၎င်းသည် DOM element များနှင့် အပြန်အလှန်ဆက်သွယ်မှုအတွက် ဖြစ်နိုင်သည်။ ၎င်းတို့ကို focus ကိုထိန်းချုပ်ရန်၊ စာသားများကို select လုပ်ရန် သို့မဟုတ် မီဒီယာဖွင့်ရန်အတွက် အသုံးပြုနိုင်သည်။

လာမည့်သင်ခန်းစာတွင် ကျွန်ုပ်တို့သည် refs များနှင့် useRef hook အလုပ်လုပ်ပုံကို လက်တွေ့လုပ်ဆောင်ကြည့်ပါမည်။