telegram

توضیحات

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

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

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

مدرس دوره علی شیخ
مدت دوره 36:41:55
تعداد ویدیو 170
وضعیت دوره : کامل شده
قیمت دوره : 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 ساس

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

دوره های آموزشی
آموزش PHP-OOP-MVC پروژه محور
کامل شده
% 10 تخفیف

آموزش PHP-OOP-MVC پروژه محور

OOP برگرفته از Object-Oriented Programming به معنی برنامه‌نویسی شی‌گرا میباشد. که یک الگو یا روش برنامه نویسی می باشد که...

599,000 539,000 تومان
16:56:31
آموزش Laravel
کامل شده

آموزش Laravel

لاراول یکی از بهترین و محبوب ترین فریمورک های زبان php است که برای توسعه نرم افزارهای تحت وب و بر پایه ای معماری MVC ساخ...

رایگان
29:19:35
آموزش Bootstrap 4 پروژه محور
کامل شده

آموزش Bootstrap 4 پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان
06:29:27
آموزش webpack (وب پک) و vite.js (ویت جی اس)
کامل شده
% 5 تخفیف

آموزش webpack (وب پک) و vite.js (ویت جی اس)

webpack یک static module bundler برای برنامه‌های جاوااسکریپتی است. یعنی کدهای شما را آنالیز و تمام ماژول‌ها و وابستگی‌ها...

149,000 141,000 تومان
06:54:04
مشاهده تمام دوره های آموزشی

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

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

  • 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]);


    تشکر

    • علی شیخ

      9 ماه پیش

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