En React puedo renderizar condicionalmente cualquier div como:
{hasContent && <span>{value}</span> }Estoy tratando de poner en dos condiciones como esta:
{hasContent || hasDesc && <span>{value}</span> }pero no funciona
Quiero representar el span si hay hasContent o hasDesc .
¿Cómo puedo hacer eso?
Es solo la precedencia del operador: && tiene prioridad sobre || . Simplemente use paréntesis para que se procese de la manera que desee:
{(hasContent || hasDesc) && <span>{value}</span> }