افکت‌ها (Effects) با useEffect

بخشی از دوره ری‌اکت

کار یک مؤلفه (component) تا اینجا این بوده که به پراپ‌ها (props) و وضعیت فعلی‌اش نگاه کند و به یک پرسش جواب بدهد: همین حالا چه چیزی باید روی صفحه باشد. آن جواب باید هر بار که با ورودی‌های یکسان می‌پرسید یکسان دربیاید، همان‌طور که یک ماشین‌حساب برای 2 + 2 هر چند بار که مساوی را فشار بدهید همان نتیجه را می‌دهد.

اثر جانبی هر کاری است که یک تکه کد بیرون از «این ورودی‌ها را بگیر و یک مقدار برگردان» انجام می‌دهد: دست‌زدن به یک زمان‌سنج، یک اتصال شبکه، یک واسط برنامه‌نویسی مرورگر، یا هر چیز دیگری که مستقل از مؤلفه شما وجود دارد. رندرشدن یک مؤلفه هرگز نباید خودش باعث چنین چیزی شود، چون قرار است اجرای رندر هر تعداد بار که باشد بی‌خطر بماند، از جمله دفعه‌هایی که React فقط برای بررسی تغییر آن را اجرا می‌کند.