#Error with action form.

2 messages · Page 1 of 1 (latest)

unreal plaza
#

Hello, i have a problem when a send a form data with action from react-router. This happen. Post function with server is succeful.

unreal plaza
#

import React from "react";
import { Form, redirect } from "react-router-dom";
import { apiPost } from "../utils/api";

export async function action({ request }) {
const formData = await request.formData();
const email = formData.get("email");
const subject = formData.get("subject");
const message = formData.get("message");

try {
    const data = await apiPost(".........", {email, subject, message})

} catch(err) {
    throw err;
}

}

export default function EmailForm() {
return (
<div>
<Form method="post" replace>
<input type="email" placeholder="..." name="email" />
<input type="text" placeholder="..." name="subject" />
<textarea placeholder="..." name="message"></textarea>
<button>Submit</button>
</Form>
</div>
)
}