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

1.0 بازدید آخرین ویرایش در 221 روز قبل ساعت 01:19

0.0

با استفاده از React و هوک useState یک کامپوننت تابعی ایجاد کنید که وضعیت (state) شمارنده را نگه‌داری کند. در JSX سه دکمه تعریف کرده و برای هر کدام event handler مربوطه بنویسید تا مقدار state را تغییر دهند (increment, decrement, reset). می‌توانید از create-react-app یا Vite برای راه‌اندازی پروژه استفاده کنید؛ توجه کنید که مدیریت state به صورت محلی کافی است، از props برای ارسال مقدار اولیه استفاده کنید و برای تجربه بهتر می‌توانید جلوگیری از رفتن مقدار به زیر صفر را نیز پیاده کنید.

توسط پژوهشگر در 221 روز قبل ساعت 01:19
دسته بندی ها: JavaScript JavaScript for beginner
nima در 221 روز قبل ساعت 13:42

یک نکته کلیدی: مقدار اولیه را از props بگیرید و در useState استفاده کنید تا شمارنده محلی باشد. حال با سه دکمه می‌توانید با استفاده از setCount مقدار را افزایش، کاهش یا ریست کنید. برای جلوگیری از رفتن مقدار به زیر صفر می‌توانید شرطی قبل از تنظیم مقدار بنویسید یا از Math.max استفاده کنید. اگر پروژه را با create-react-app یا Vite راه‌اندازی می‌کنید، همین کامپوننت ساده به سرعت کار می‌کند و نیازی به مدیریت وضعیت در والد ندارد.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری