ResultadosDigitais / form-integrado-react

Exemplo de aplicação utilizando formulários integrados do RD Station Marketing escrita em React
8 stars 4 forks source link

Please give us an example of how to do it with Next.JS app router? #3

Open dBianchii opened 1 year ago

dBianchii commented 1 year ago

Pretty please

thallysondias commented 2 weeks ago

@dBianchii

Campos disponivéis: https://developers.rdstation.com/reference/patch_platform-contacts-identifier-value

` "use client"; import React, { useEffect, useState } from "react";

const SimpleForm = () => { const [name, setName] = useState(""); const [email, setEmail] = useState(""); const [job, setJob] = useState("");

// Adiciona o script de monitoramento do RD Station quando o componente é montado useEffect(() => { const script = document.createElement("script"); script.src = "https://d335luupugsy2.cloudfront.net/js/loader-scripts/XXXXXXXXXXX-loader.js"; // Substitua pelo seu script RD Station script.async = true; document.body.appendChild(script); }, []);

const handleSubmit = (e: any) => { // Não usamos preventDefault, para permitir que o RD Station capture o evento de submissão console.log("Submetendo formulário para o RD Station:", { name, email, job }); };

return (

setName(e.target.value)} placeholder="Digite seu nome" required className="border border-gray-300 rounded-md p-2" />
setJob(e.target.value)} placeholder="Digite seu cargo" required className="border border-gray-300 rounded-md p-2" />
setEmail(e.target.value)} placeholder="Digite seu email" required className="border border-gray-300 rounded-md p-2" />

); };

export default SimpleForm; `