telegram

توضیحات

در این جلسه به بخش دوم بخش فرم (form) تماس با ما در صفحه اصلی پروژه از دوره آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js) میپردازیم.

javascript جاوا اسکریپت جاوااسکریپت فروشگاه_اینترنتی react ری اکت next.js نکست جی اس نکست جی اس ورژن 14 next.js v14

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ
مدت دوره 35:52:53
تعداد ویدیو 166
وضعیت دوره : درحال برگزاری
قیمت دوره : 799,000 719,000 تومان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی
آموزش Bootstrap 4 در دنیای واقعی
کامل شده

آموزش Bootstrap 4 در دنیای واقعی

آموزش Bootstrap 4 در دنیای واقعی به همراه ۹ پروژه واقعی.بعد از مشاهده دوره Bootstrap 4 نیاز هست که شما دوستان عزیز ‌Boot...

99,000 تومان
05:59:50
آموزش لایو وایر (livewire) پروژه محور
کامل شده
% 20 تخفیف

آموزش لایو وایر (livewire) پروژه محور

با گسترش وب اپلیکیشن‌های مدرن، وجود ابزارهایی به منظور هر چه ساده‌تر کردن فرآیند ساخت آن‌ها، بشدت نیاز می‌شود. ابزارهایی...

349,000 279,000 تومان
12:00:31
آموزش HTML5 & CSS3 پروژه محور
کامل شده

آموزش HTML5 & CSS3 پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان
04:51:23
آموزش ناکست جی اس (nuxt.js)
کامل شده
% 10 تخفیف

آموزش ناکست جی اس (nuxt.js)

بلاخره بعد از مدت ها انتظار nuxt.js (ناکست جی اس) ورژن 3 آمد و توی این دوره قصد داریم در مورد این فریموک فوق العاده جاوا...

599,000 539,000 تومان
09:18:11
مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • Farzad Solgi


    سلام . وقت بخیر
    در بخش فرم، می‌خواهم بگم که پس از ارسال فرم، مقادیر فرم باید پاک شوند. شما اشاره ای برای پاک کردن فرم نکردید. من یک id برای فرم تعیین کردم و از کد
    document.getElementById("myForm").reset();
    استفاده کردم. کامپوننت client هست و میخوام مطمئن بشم که در هوک useEffect کار درستی انجام دادم که از getElementById استفاده کردم؟
    وقتی که فرم رو پر میکنم و دکمه ارسال رو میزنم اطلاعات فرم با موفقیت در سرور ذخیره میشه و فرم reset میشه و در قسمت log هم هیچ اروری نمیبینم. 

    export default function ContactForm() {

      const [state, formAction] = useFormState(addPost, {});

      useEffect(() => {

        if (state?.status === "error") {

          toast.error(state.message);

        } else {

          toast.success(state.message);

          document.getElementById("myForm").reset();

        }

      }, [state]);


    تشکر

    • علی شیخ

      2 ماه پیش

      سلام وقت بخیر.
      بجای id میتونید از useRef ری اکت هم استفاده کنید. تمرکز دوره روی خوده نکست هست و ری اکت پیشنیاز این دوره که نیازه باهاش به خوبی آشنا باشید.