supongamos que obtengo información de un punto final determinado y la presento en la página. el punto final contiene el nombre, la dirección, la edad y el deporte de la persona. Ahora, después de presentar toda la información en la página usando JavaScript y React, idealmente quiero agregar una propiedad personalizada llamada votos que cambiará dinámicamente y se reflejará en el sitio cuando un usuario votó por un jugador. Así es como agregué la nueva propiedad.

 const fetchPeople = async () => { try { const response = await fetch(url); const data = await response.json(); const peopleWithVotes = data.map((person, index) => { return { ...person, votes: '0', }; }); setPeople(peopleWithVotes); console.log(people) } catch (error) { console.error(error); } };

así es como he estado tratando de cambiar dinámicamente los votos, pero no sé si voy en la dirección correcta.

 const handleClick = async (event) => { const votes = Number(event.target.dataset.votes); const requestOptions = { method: 'PATCH', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ votes: votes + 1 }) }; fetch(url, requestOptions) .then(response => response.json()) .then((json) => console.log(json)); }