Estoy tratando de obtener el valor de dos etiquetas p al mismo tiempo para enviar esos valores al backend.
mi declaración useState const [isOffer, setIsOffer] = useState({ contractorName: "", newOffer: "" });
const handleChange = (e) => { const { name, value } = e.target;` setIsOffer({ ...isOffer, [name]: value, }); };cómo manejo el envío del formulario
const handleFormSubmit = async (event) => { event.preventDefault(); try { await approveOffer({ variables: {isOffer, projectId }, }); } catch (err) { console.log(err); } }; <form className="flex-row justify-center justify-space-between-md align-stretch" onSubmit={handleFormSubmit}> <p className="card-body" name="contractorName" value={offer.ContractorName} onClick={handleChange} > Offer By:{offer.ContractorName} </p> <p name="newOffer" value={offer.newOffer} onClick={handleChange} > The Offer Value:{offer.newOffer}{" "} </p> <button className="btn d-block w-100" type="submit"> </form>reemplazará el código handleChange con el siguiente código:
Existente:
const { name, value } = e.target;Reemplazar:
const name = e.target.getAttribute('name'); const value = e.target.getAttribute('value');