سلام دوست عزیز😃👋
به مسابقه «مسابقه Front-end گلرنگ» خوش آمدی!
لینکهای مفید برای شرکت در مسابقه
هرگونه ارتباط با سایر شرکتکنندگان و یا استفاده از ابزارهای تولید کد، مثل chatGPT و... در مسابقات کوئرا ممنوع است و بعد از شناسایی از لیست شرکتکنندگان مسابقه حذف میشوید.
در طول مسابقه، میتوانید سؤالات خود را از قسمت «سوال بپرسید» مطرح کنید.
موفق باشید 😉✌
پروژه اولیه را از این لینک دانلود کنید. ساختار فایلهای پروژه به صورت زیر است.
فایل دانلود شده را از حالت فشرده خارج و دستور npm install
را در root
پروژه اجرا کنید.
همچنین برای اجرای پروژه به صورت لوکال، میتوانید از دستور npm run dev
استفاده کنید.
ظاهر کلی برنامه به شکل زیر است:
یکی از دوستان شما برای نوشتن یک کامپوننت مودال به مشکل برخوردهاست. او سعی دارد به صورتی لاجیک کدش را اعمال کند که با کلیک کردن بیرون از محوطه مودال، این مودال بسته شود:
<div>
، مودال بسته شود.توجه: با اضافه کردن یک <div>
پس زمینه و حل مسئله از این راه، نمره به شما تعلق نمیگیرد! شما نیاز دارید واقعا بسنجید که کلیک خارج از این کامپوننت بوده یا خیر، و نسبت به آن لاجیک موردنظر رو اعمال کنید.
data-testid
های داده شده خودداری کنید.npm
نیستید.Modal.jsx
هستید.Modal.jsx
را بعد از اعمال تغییرات به صورت مستقیم برای ما ارسال کنید.فایل Modal.jsx
نهایی را ذخیره کنید و بهصورت تکی آپلود کنید. یا اگر قصد دارید بهصورت فایل فشرده ارسال کنید، ساختار فایل باید بهصورت زیر باشد: