Estoy tratando de pasar un evento onChange dentro de un literal de plantilla en un proyecto de reacción. Tengo algunas entradas y estoy tratando de cambiar el valor en función de lo que el usuario escribió y, por ahora, solo imprímelo dentro del elemento de párrafo, mi objetivo final es guardar toda la información de entrada e imprimirla dentro de una nueva tarjeta.

Este es mi intento y código.

 const [title, setTitle] = useState("") let output = `<div class="card create-card"> <div class="card-image"></div> <div class="card-text card-text-area"> <h2>Create new spot</h2> <form> <label>Spot title</label> <input required value="${title}" onChange="${(e) =>{setTitle(e.target.value)}}" type="text" > </input> <button>Add card</button> <p>${ title }</p> </div> </div>`;

Parece que es una solución fácil, pero realmente no puedo encontrar la sintaxis correcta cuando se usa dentro de un literal de plantilla.

No obtengo ningún error ni salida.