Mi requisito es que tengo una lista de objetos json con la que estoy buscando un nombre en json y, si el nombre existe, estoy mostrando una imagen de la carpeta de activos locales. mi código está abajo
Después de .map estoy mostrando datos como a continuación
<td> <div> <img src={ DynamicData.CompanyName.includes("Lenovo") ? LenovoImage : DynamicData.CompanyName.includes("Dell") ? DellImage : null } alt="img" className="DataLogo" /> </div> </td>Entonces, ¿cómo puedo mostrar si tengo más de 2 opciones si este enfoque es bueno? ¿Hay algún otro enfoque?
Si hay muchos valores para verificar, esto parece más conveniente.
const imagesMapping = { Lenovo: LenoviImage, Dell: DellImage, // other values } const company = Object.keys(imagesMapping).find(name => DynamicData.CompanyName.includes(name)); const image = company ? imagesMapping[company] : null; // instead of null better use a DefaultImage const result = <img src={image} alt="img" className="DataLogo" />