tengo este problema Quiero mostrar el nombre de usuario del usuario asignado, según la identificación del cliente.
Técnicamente funciona, pero no funciona como yo quiero que funcione.
Ahí está el objeto de usuarios asignados:
"assigneduser": [ { "user_id": 1, "customers_id": [ 2 ], "username": "testuser" }, { "user_id": 2, "customers_id": [ 3, 4 ], "username": "filanfisteku" } ]Estoy filtrando a los usuarios asignados según el id_clientes:
let assigneduserfilter = Object.values(assigneduser).filter( ({ customers_id }) => customers_id == i.id // i is the customers map );Y luego asignando el filtro de usuario asignado:
{assigneduserfilter.map((z) => ( <td key={z.customers_id}>{z.username}</td> ))}¿Cómo puedo representar el nombre de usuario asignado en la fila de la tabla de clientes correspondiente?
Eso es bastante simple, suponiendo que tiene una matriz de objetos de la siguiente manera
const arr = { assigneduser: [ { user_id: 1, customers_id: [2], username: "testuser", }, { user_id: 2, customers_id: [3, 4], username: "filanfisteku", }, ], };Procedería creando una función para encontrar a su cliente como se ve a continuación.
const assgnedUserFilter = (user) => { return arr.assigneduser.find((u) => u.customers_id == user); };Luego llame a la función con el ID_cliente que desea encontrar. Luego asigne manualmente los valores a su HTML.
const selectedCustomer = assgnedUserFilter(2); <p id="customer_id">{selectedCustomer.customer_id}</p> <p id="username">{selectedCustomer.username}</p>