Manusta kontaktivorm Reacti, Vue'sse või Angularisse
Veebikomponendid on osa DOM-ist. Pudista silt otse JSX-i, Vue mallidesse või Angulari komponentidesse — ümbrist pole vaja.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Samm-sammult
Konarused
Korduma kippuvad küsimused
Kas mul on vaja React/Vue/Angulari ümbriskomponenti?
Ei. Skript määratleb elemendi brauseris, nii et sinu raamistik ainult renderdab sildi — ja kui me avaldame uue versiooni, ei muutu sinu ehituses midagi.
Kuidas annan TypeScriptile kohandatud elemendist teada?
Deklareeri see JSX-i IntrinsicElements-liideses selle sildiga, mida sinu enda komponent kasutab. React 19 tõstis selle nimeruumi mujale ja õige kuju sõltub sinu tsconfigi jsx-seadest, nii et võta praegune kuju Reacti enda uuendusjuhendist. Vorm töötab ka ilma selleta.
Kuidas edastan prop'e või konfiguratsiooni?
Midagi ei olegi vaja edastada. See, mida vorm küsib ja kuhu see sõnumid toimetab, on määratud Toimiis ja sisse ehitatud paketti, mille skript laadib — just seepärast ei ole sildil ühtegi atribuuti.
Kas see töötab Next.js-i või mõne muu React-raamistikuga?
Jah. Next.js-is lae see juurpaigutuses next/script komponendiga — see on dokumenteeritud koht skriptile, mida vajab kogu sait. "use client" piiri on vaja ainult siis, kui lisad load- või error-käsitleja; silt ise seda ei vaja.
Aga serveripoolne renderdamine?
Kohandatud element renderdatakse kliendi poolel, nagu iga veebikomponent. SSR väljastab sildi, brauser registreerib elemendi skripti laadimisel ja siis ilmub vorm. Tühi ala vilksatab hetkeks — tavaliselt märkamatult.
Lisad mõnele teisele platvormile?
Samad kaks rida koodi, igale platvormile eraldi lahti seletatud.
Valmis proovima?
30-päevane tasuta prooviperiood. Krediitkaarti pole vaja. Valmis mõne minutiga.
Krediitkaarti pole vaja. Seadistus 2 minutiga.