Estoy tratando de insertar una imagen según el estado, pero esto mostrará la cadena de img src=${redExclamation} .
return `${ isEmpty ? `<img src=${redExclamation} />` : `<img src=${greenCheck} /> ` }`;Lo probé de una manera diferente en la que me deshice del literal de cadena:
return `${ isEmpty ? <img src=${redExclamation} /> : <img src=${greenCheck} /> }`;Pero esto mostrará [objeto Objeto] en el HTML. No estoy seguro de lo que debería estar haciendo aquí. ¡Cualquier ayuda sería apreciada!
está devolviendo una cadena, no html.
return isEmpty ? <img src={redExclamation} /> : <img src={greenCheck} />;Podría ser lo que necesitas
Puedes probar sin el literal externo como el siguiente:
return isEmpty ? `<img src=${redExclamation} />` : `<img src=${greenCheck} />`O si está tratando de devolver un jsx, debe hacerlo según los documentos