Afficher un formulaire en cliquant sur la carte

Dernière mise à jour : 2024-01-29
  • Créé pour :
  • Intermediate
    User

Le code suivant a été utilisé pour afficher le formulaire lorsque l’utilisateur ou l’utilisatrice clique sur une carte. Le chemin d’accès du formulaire à afficher est extrait de l’URL à l’aide de la fonction useParams.

import Form from './components/Form';
import PlainText from './components/plainText';
import TextField from './components/TextField';
import Button from './components/Button';
import Panel from './components/Panel';
import { useState,useEffect } from "react";
import {Link, useParams} from 'react-router-dom';
import { AdaptiveForm } from "@aemforms/af-react-renderer";
export default function DisplayForm()
{
   const [selectedForm, setForm] = useState("");
   const params = useParams();
   const extendMappings =
    {
        'plain-text' : PlainText,
        'text-input' : TextField,
        'button' : Button,
        'form': Form
    };


   const getAFForm = async () =>
    {

        const resp = await fetch(`/adobe/forms/af/${params.formID}`);
        let formJSON = await resp.json();
        console.log("The contact form json is "+formJSON);
        setForm(formJSON.afModelDefinition)
    }

    useEffect( ()=>{
        getAFForm()


    },[]);
    return(
       <div>
           <AdaptiveForm mappings={extendMappings} formJson={selectedForm}/>
        </div>
    )
}

Étapes suivantes

Afficher le message de remerciement lors de l’envoi du formulaire

Sur cette page