Tengo un objeto llamado data contiene una lista de matrices. Solo mapeo mis data para obtener una columna de datos específica de la siguiente manera.
const DisplayData = data ?.filter((vendors) => vendors?.vendors != null) .map((risk) => { return ( <tr> <td className="link_hover" onClick={() => { dispatch(vendors(risk.vendors)); }} > <Link className=" link_hover text-decoration-none second-color vendor_list_font_size" to="/vendor_critical_details" > {risk.vendors} </Link> </td> </tr> ); });Del código anterior obtuve una lista de nombres de ``proveedores`. pero tengo nombres duplicados. ¿Hay algún truco para eliminar los duplicados del resultado?
Gracias
Reducir en lugar de filtrar
const vendorList = data ?.reduce((acc,vendors) => { const vendor = vendors?.vendors ?? null if (vendor != null && !acc.includes(vendor)) acc.push(vendor) return acc },[]); const DisplayData = vendorList.length === 0 ? "" : vendorList.map(risk => ...