primera vez que publico aqui!
Estamos trabajando en un proyecto de grupo y tenemos un problema en el incremento de un artículo en nuestro front-end. De momento podemos comprobar en nuestro console.log que el número va subiendo al hacer clic en el botón.
Eso sí, tenemos que refrescar la página para ver los nuevos "me gusta".
Así que aquí está el código en nuestro componente.
import "./Post.css"; import { useEffect, useState } from "react"; import { addLike, createPost } from '../../lib/social-network-library-master'; function Post({post}) { const handleLikes = async () => { let result = await addLike(post._id) }; return ( <div id="general-container"> <h2>{post.title}</h2><br/> <p>{post.content}</p><br/> <p>Posté par {post.firstname} {post.lastname}</p><br/> <div className="boutton-like-container"> <button className="boutton-like" onClick={() =>handleLikes()}> like </button> <p>{post.likes.length} likes</p> </div> </div> ) }; export default Post;Necesitas un estado aquí para administrar los Me gusta.
Algo como
const [counter, setCounter] = useState(0) const handleLikes = async () => { let result = await addLike(post._id); //setCounter(prev => prev + 1); // if the result is coming from api then instead just set the response that you get setCounter(result) };luego, en la interfaz de usuario, puede representarlo así
<p>{counter}</p>