Estoy tratando de representar un ✕ y ✓ , condicionalmente con JSX, pero este enfoque no funciona.
<div>{exists ? ✓ : ✕}</div>¿Cuál sería la solución adecuada para lograr esto?
Debe envolver eso usando span y span debe tener un atributo de role="img" de lo contrario, React mostrará una advertencia.
<div>{true ? <span role="img">✓</span> : <span role="img">✕</span>}</div>Por favor, consulte el siguiente código:
{exists ? <div>✕</div> : <div>✓</div>}