Refs در ReactJS – آموزش ReactJS

  • یکشنبه ۱۹ اسفند ۱۳۹۷
  • بازدید ۱۷۴ نفر

reactjs refs 6153 تصویر

Refs در ReactJS

در ReactJS برای ارجاع به یک عنصر از ref استفاده می شود. در اغلب موارد نباید از ref استفاده کرد اما زمانی که بخواهیم متدها را به کامپوننت اضافه کنیم، مفید است.

استفاده از Refs

مثال زیر نحوه استفاده از refs برای پاک کردن مقدار فیلد ورودی را نشان می دهد. تابع ClearInput ابتدا مقدار state را خالی می کند و سپس در بین عناصر DOM به دنبال عنصری با مقدار ref = “myInput” میگردد و در صورت پیدا شدن، بر روی آن فوکوس می کند.

محتوای فایل App.jsx:

محتوای فایل main.js:

زمانی که بر روی دکمه کلیک شود، ابتدا مقدار input را پاک می کند و سپس بر روی آن فوکوس می کند.

reactjs refs 6153 1 تصویر

ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است