وضعیت (State) با useState

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

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

هر رندر یک کامپوننت را مثل یک عکس تکی تصور کنید، گرفته‌شده در یک لحظه، از اینکه کامپوننت با آن ویژگی‌ها و آن وضعیت در همان لحظه چه شکلی بوده است. وقتی تابع یک کامپوننت را صدا می‌زنید، جاوااسکریپت دقیقاً یک بار از بالا به پایین اجرا می‌شود و یک عکس می‌سازد: همان JSX که برمی‌گرداند. هر متغیر معمولی که داخل آن تابع تعریف شده، تازه برای همان یک عکس اختراع می‌شود و بلافاصله بعدش دور ریخته می‌شود.