How Can I Use Form Functions Found Inside the MktoForms2 API Within a React Component? I'm building a native react app that loads a Marketo form inside a modal when they hit a CTA button within the app.
import React, { useState, useEffect } from 'react';
const marketoScriptId = 'mktoForms';
export default function MarketoForm({ formId, formData }) {
const [isLoaded, setIsLoaded] = useState(false);
useEffect(() => {
if (!document.getElementById(marketoScriptId)) {
loadScript();
} else {
setIsLoaded(true);
}
}, []);
useEffect(() => {
isLoaded &&
window.MktoForms2.loadForm('//domain', 'munchkinId', formId);
formHandler()
}, [isLoaded, formId]);
const formHandler = () => {
window.MktoForms2.whenReady((form) => {
window.form.MktoForms2.onSubmit()
//this is where things fail
})
}
const loadScript = () => {
var s = document.createElement('script');
s.id = marketoScriptId;
s.type = 'text/javascript';
s.async = true;
s.src='//{domain}/js/forms2/js/
