tengo un objeto users que al llamarlo me devuelve esto:
console.log(users)
> Array(2)
0: {id: 1, username: 'Agustin', vote: 'Waiting for vote...'}
> 1: {id: 2, username: 'Elias', vote: 'Waiting for vote...'} length: 2
> [[Prototype]]: Array(0)
me gustaria realizarle un map para renderizar un componente para cada persona de esta manera
<Person name={username} vote={vote}>
Como puedo hacer? ya probe de todas las maneras posibles y no hay resultado
Edit: Users viene desde el backend
io.on("connection", async (socket)=> {
console.log(`User Connected: ${socket.id}`);
let personas=await pool.query("select * from people");
var respuestaJson=JSON.parse(JSON.stringify(personas))
socket.emit('send-data',respuestaJson);
Frontend
const [users, setUsers] = useState({})
useEffect(() => {
socket.on("send-data", (data) => {
setUsers(data)
});
}, [socket]);