Interface FetcherSubmitFunction

Submits a fetcher <form> to the server without reloading the page.

FetcherSubmitFunction(
target: SubmitTarget,
options?: FetcherSubmitOptions,
): Promise<void>

Can be multiple types of elements and objects

<fetcher.Form
  onSubmit={(event) => {
    fetcher.submit(event.currentTarget);
  }}
/>

const formData = new FormData();
formData.append("myKey", "myValue");
fetcher.submit(formData, { method: "post" });

Plain object that will be serialized as FormData

fetcher.submit({ myKey: "myValue" }, { method: "post" });

Plain object that will be serialized as JSON

fetcher.submit(
  { myKey: "myValue" },
  { method: "post", encType: "application/json" }
);