Entonces, en React, necesitamos definir valores.
basado en una condición todo el tiempo, y muchas veces
en situaciones donde no podemos usar una declaración if else.
Y ahora aprendamos a usar
el operador ternario en su lugar.
Entonces, en JavaScript, el operador ternario es muy
tipo especial de operador que tiene tres operandos.
Entonces, tres partes que se necesitan para que este operador funcione.
Así que trabajemos aquí nuevamente en el valor de las páginas.
Y así la primera parte del operador ternario
es una condición.
Entonces digamos páginas mayores a 1000.
Entonces esta es una condición, y si esto es cierto,
el resultado de este operador será cualquiera
está después de este signo de interrogación.
Así que definamos una cadena aquí y digamos más de 1000.
Entonces agreguemos estos dos puntos.
Y por ahora, escribiré otra cadena aquí,
y luego te explicaré lo que está pasando.
Entonces menos de 1.000.
De nuevo, el operador ternario tiene tres partes.
La primera parte es esta condición aquí.
La segunda parte es este segundo operando, que es el resultado
de la operación en caso de que la condición sea verdadera.
Y en caso de que la condición sea realmente falsa,
entonces los resultados de este operador
será esta tercera parte del operador.
Y en caso de que esto te resulte confuso, recuerda
que un operador es un poco similar a una función.
Entonces siempre devuelve algún valor.
Así, por ejemplo, si tenemos dos más dos,
entonces el operador aquí son los dos
y resultará básicamente estos cuatro.
Y este operador aquí,
entonces el operador ternario nuevamente devolverá este valor aquí
en caso de que el primer operando sea verdadero.
Entonces esta condición es cierta.
Y si es falso,
entonces esta parte aquí será el resultado del operador.
Y entonces podremos, como siempre,
almacenar ese resultado en una variable.
Así que llamemos a esto simplemente rango de páginas.
Registremos eso aquí.
Y así nuestras páginas son actualmente 1.210,
que son, por supuesto, más de 1.000.
Y aquí obtenemos que el número de páginas supera las 1000.
Y si tuviéramos otro libro, entonces si aquí hubiera un libro
Obtenga el ID del libro dos, entonces nuestro libro todavía tiene 1210 páginas.
porque en realidad estamos manipulando ese valor aquí.
¿recordar?
Pero eliminemos eso.
Y luego nuestro libro sólo tiene 295 páginas, que luego
resultado aquí en la cadena de menos de 1.000.
Y entonces podemos usar esto aquí,
por ejemplo, para crear otra cadena.
Registremos eso en la consola.
Y nuevamente, usando una plantilla literal,
el libro tiene paginas.
Página de rango.
Y ahora tenemos que el libro tiene menos de 1000 páginas.
Pongamos este aquí de nuevo.
y volver también al libro número uno.
Y luego obtenemos que el libro tiene más de 1000 páginas.
excelente.
Para eso usamos el operador ternario.
Entonces, para definir una variable condicionalmente.
Y hagámoslo rápidamente aquí otra vez,
aquí mismo en la cadena de resumen,
Sólo para poder mostrarte que realmente podemos
utilizar cualquier JavaScript que devuelva un valor
aquí en uno de estos bloques.
Entonces el libro tiene, aquí estará nuestro bloque de JavaScript.
Y luego déjame escribir el final.
Ha sido adaptada como película.
Y aquí, básicamente, si la adaptación cinematográfica es cierta,
entonces no queremos devolver nada.
Y si es falso, no queremos devolverlo.
Eso tiene más sentido si lo escribimos.
También lo ha hecho la adaptación cinematográfica, que podemos volver a utilizar.
porque ya lo sacamos del objeto
aquí arriba en esta desestructuración.
Entonces, si tiene una adaptación cinematográfica, no devolverá nada.
Y si no, devuelve la cadena no.
Y bueno, eso es un poco difícil de ver allí.
Entonces el libro ha sido adaptado como película,
lo cual tiene sentido porque esto aquí es cierto.
Pero una vez más, si cambiamos esto al número dos aquí,
luego el libro, o sí, entonces el libro es diferente.
No tiene película.
Y entonces nuestra cadena debería decir:
el libro no ha sido adaptado como película.
excelente.
Entonces con esto usamos un condicional aquí mismo.
dentro del literal de plantilla.
Y no hubiera sido posible
para usar una declaración if else aquí en su lugar,
porque una declaración if else es,
así como el nombre lo dice, es una declaración,
por lo que no devuelve un valor.
Entonces hubiera sido imposible usarlo aquí.
Y entonces el operador ternario es exactamente el camino a seguir.
Y como dije al principio,
Hacemos esto todo el tiempo en React.
Y esta es una de estas cosas.
eso es realmente importante saber
antes de comenzar a escribir aplicaciones React.