Uso del Render Condicional - Tutorial de React.js

Cuando deseamos pintar algo en pantalla basado en alguna condición, generalmente usamos el operador del doble ampersand como lo tenemos en el siguiente código. Aquí, nosotros estamos validando que el arreglo dishes tenga algún contenido. Y, si es así, nosotros queremos que se pinte dicho contenido. Por ejemplo, en este caso, tenemos un arreglo de dishes o platillos con tres elementos. Vamos a verificar este código. Para esto, vamos a ejecutarlo yendo a la Consola de NX y, desde aquí, vamos a ejecutar el proyecto home, que es el que contiene la librería de menú. Si nosotros, aquí, extendemos la parte de la consola, podemos ver que el proyecto se está ejecutando. Una vez que verificamos esto, vamos a actualizar el navegador. Ahora, desde aquí, nosotros vamos ahora a vaciar el contenido de este arreglo. Al hacerlo, nos daremos cuenta que nos está pintando de resultado 0. Y esto sucede porque React tratará todo el tiempo de procesar y pintar todo lo que esté establecido como alternativa…