Refs در ReactJS – آموزش ReactJS

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

تصویر reactjs-refs_6153 Refs در ReactJS - آموزش ReactJS

Refs در ReactJS

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

استفاده از Refs

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

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

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

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

تصویر reactjs-refs_6153_1 Refs در ReactJS - آموزش ReactJS

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

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