@formerie/react
Formerie pour React
Envoyez les soumissions de React à Formerie, sans garder de destinataires, de gabarits ni de clés de fournisseur dans votre code.
Installer
Ces paquets sont en version alpha : leurs API peuvent changer.
pnpm
pnpm add @formerie/reactnpm
npm install @formerie/reactYarn
yarn add @formerie/reactBun
bun add @formerie/reactUtiliser
useFormerieSubmit donne à un composant une fonction de soumission et son état. Votre JSX, votre style.
Il vous faut un formulaire publié. Remplacez example.com et contact par les identifiants de votre espace de travail et de votre formulaire, dans l’application.
import { useFormerieSubmit } from "@formerie/react";
export function ContactForm() {
const { submit, state } = useFormerieSubmit({
workspace: "example.com",
form: "contact",
});
async function onSubmit(event: React.FormEvent<HTMLFormElement>) {
event.preventDefault();
await submit({
fields: Object.fromEntries(new FormData(event.currentTarget)),
});
}
return (
<form onSubmit={onSubmit}>
<input name="email" type="email" />
<button disabled={state.status === "submitting"}>Send</button>
</form>
);
}Ce qui se passe ensuite
Formerie valide les champs sur le serveur, vérifie le pourriel, conserve la soumission et la livre selon vos réglages dans l’application. Votre code ne s’occupe que des champs et de la réponse.
Lire le guide des frameworksLes paquets sont en version alpha : leurs API peuvent changer. Les logos et les noms appartiennent à leurs propriétaires. Leur présence indique seulement que Formerie fonctionne avec ces technologies et ne suppose aucun partenariat ni soutien.
Créez un espace de travail et publiez votre premier formulaire.
En accès anticipé. Les nouveaux espaces de travail commencent avec le forfait Free.