توضیحات

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


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

مدرس دوره علی شیخ
مدت دوره 36:41:55
تعداد ویدیو 170

وضعیت دوره : کامل شده
قیمت دوره : 799,000 719,000 تومان

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

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


  • سلام . وقت بخیر
    در بخش فرم، می‌خواهم بگم که پس از ارسال فرم، مقادیر فرم باید پاک شوند. شما اشاره ای برای پاک کردن فرم نکردید. من یک 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]);


    تشکر

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