React

Bir formu tek satırda bağlamak için resmi hook olan @formstork/react’i kullanın.

npm install @formstork/react

import { useFormstork } from "@formstork/react";

export function ContactForm() {
  const { submit, isSubmitting, isSuccess, message } = useFormstork({
    accessKey: "YOUR_ACCESS_KEY",
  });

  if (isSuccess) return <p>Thanks, {message}</p>;

  return (
    <form onSubmit={submit}>
      <input type="text" name="name" required />
      <input type="email" name="email" required />
      <textarea name="message" required />
      <button disabled={isSubmitting}>
        {isSubmitting ? "Sending…" : "Send"}
      </button>
    </form>
  );
}

Hook, form alanlarını otomatik olarak toplar ve sizin adınıza gönderir. state, message değerlerini ve isSubmitting / isSuccess / isError bayraklarını döndürür.

Hook olmadan

Bir bağımlılık eklemek istemiyorsanız, formu doğrudan gönderin:

async function onSubmit(e: React.FormEvent<HTMLFormElement>) {
  e.preventDefault();
  const form = new FormData(e.currentTarget);
  await fetch("https://api.formstork.com/submit", {
    method: "POST",
    body: form,
    headers: { Accept: "application/json" },
  });
}