برای ساخت فرم می توانید از این پست استفاده کنید.

برای ارسال داده با POST request می توانید از کتابخانه axios استفاده کنید. ابتدا axios را ایمپورت کنید:

import axios from "axios";

حالا در متد onSubmit  کد زیر را قرار دهید:

...
onSubmit: (values) => {
      
      const config = {     
          headers: { 'Content-Type': 'application/json' }
      }

    const data = JSON.stringify({name:values.name,category:values.category,price:values.price,pic: values.pic});
      
      axios.post("http://localhost:3003/products", data, config)
          .then(response => {
              console.log(response);
          })
          .catch(error => {
              console.log(error);
          });
...

نکته:

• متد onSubmit یکی از پارامترهای آبجکت Formik است که می توانید از این پست بیشتر با آن آشنا شوید.
• values.name،values.category ،values.price ، و values.pic مقادیر وارد شده در فیلدهای ورودی را بر می گرداند.