1
00:00:01,050 --> 00:00:03,330
Entonces, en React, necesitamos definir valores.

2
00:00:03,330 --> 00:00:06,450
basado en una condición todo el tiempo, y muchas veces

3
00:00:06,450 --> 00:00:10,320
en situaciones donde no podemos usar una declaración if else.

4
00:00:10,320 --> 00:00:12,060
Y ahora aprendamos a usar

5
00:00:12,060 --> 00:00:14,133
el operador ternario en su lugar.

6
00:00:15,750 --> 00:00:18,930
Entonces, en JavaScript, el operador ternario es muy

7
00:00:18,930 --> 00:00:22,590
tipo especial de operador que tiene tres operandos.

8
00:00:22,590 --> 00:00:27,450
Entonces, tres partes que se necesitan para que este operador funcione.

9
00:00:27,450 --> 00:00:31,023
Así que trabajemos aquí nuevamente en el valor de las páginas.

10
00:00:32,010 --> 00:00:34,710
Y así la primera parte del operador ternario

11
00:00:34,710 --> 00:00:36,330
es una condición.

12
00:00:36,330 --> 00:00:41,330
Entonces digamos páginas mayores a 1000.

13
00:00:41,520 --> 00:00:44,070
Entonces esta es una condición, y si esto es cierto,

14
00:00:44,070 --> 00:00:47,040
el resultado de este operador será cualquiera

15
00:00:47,040 --> 00:00:49,740
está después de este signo de interrogación.

16
00:00:49,740 --> 00:00:53,317
Así que definamos una cadena aquí y digamos más de 1000.

17
00:00:56,670 --> 00:00:57,930
Entonces agreguemos estos dos puntos.

18
00:00:57,930 --> 00:01:00,960
Y por ahora, escribiré otra cadena aquí,

19
00:01:00,960 --> 00:01:03,780
y luego te explicaré lo que está pasando.

20
00:01:03,780 --> 00:01:07,530
Entonces menos de 1.000.

21
00:01:07,530 --> 00:01:11,340
De nuevo, el operador ternario tiene tres partes.

22
00:01:11,340 --> 00:01:13,650
La primera parte es esta condición aquí.

23
00:01:13,650 --> 00:01:18,650
La segunda parte es este segundo operando, que es el resultado

24
00:01:18,990 --> 00:01:22,860
de la operación en caso de que la condición sea verdadera.

25
00:01:22,860 --> 00:01:25,650
Y en caso de que la condición sea realmente falsa,

26
00:01:25,650 --> 00:01:27,750
entonces los resultados de este operador

27
00:01:27,750 --> 00:01:30,843
será esta tercera parte del operador.

28
00:01:32,850 --> 00:01:35,160
Y en caso de que esto te resulte confuso, recuerda

29
00:01:35,160 --> 00:01:37,980
que un operador es un poco similar a una función.

30
00:01:37,980 --> 00:01:39,900
Entonces siempre devuelve algún valor.

31
00:01:39,900 --> 00:01:42,270
Así, por ejemplo, si tenemos dos más dos,

32
00:01:42,270 --> 00:01:44,880
entonces el operador aquí son los dos

33
00:01:44,880 --> 00:01:47,853
y resultará básicamente estos cuatro.

34
00:01:49,012 --> 00:01:51,120
Y este operador aquí,

35
00:01:51,120 --> 00:01:55,530
entonces el operador ternario nuevamente devolverá este valor aquí

36
00:01:55,530 --> 00:01:58,080
en caso de que el primer operando sea verdadero.

37
00:01:58,080 --> 00:01:59,790
Entonces esta condición es cierta.

38
00:01:59,790 --> 00:02:01,080
Y si es falso,

39
00:02:01,080 --> 00:02:05,670
entonces esta parte aquí será el resultado del operador.

40
00:02:05,670 --> 00:02:07,933
Y entonces podremos, como siempre,

41
00:02:07,933 --> 00:02:09,633
almacenar ese resultado en una variable.

42
00:02:12,293 --> 00:02:15,093
Así que llamemos a esto simplemente rango de páginas.

43
00:02:18,300 --> 00:02:20,100
Registremos eso aquí.

44
00:02:20,100 --> 00:02:24,930
Y así nuestras páginas son actualmente 1.210,

45
00:02:24,930 --> 00:02:27,330
que son, por supuesto, más de 1.000.

46
00:02:27,330 --> 00:02:32,040
Y aquí obtenemos que el número de páginas supera las 1000.

47
00:02:32,040 --> 00:02:36,330
Y si tuviéramos otro libro, entonces si aquí hubiera un libro

48
00:02:36,330 --> 00:02:41,330
Obtenga el ID del libro dos, entonces nuestro libro todavía tiene 1210 páginas.

49
00:02:42,360 --> 00:02:45,960
porque en realidad estamos manipulando ese valor aquí.

50
00:02:45,960 --> 00:02:47,040
¿recordar?

51
00:02:47,040 --> 00:02:48,750
Pero eliminemos eso.

52
00:02:48,750 --> 00:02:52,980
Y luego nuestro libro sólo tiene 295 páginas, que luego

53
00:02:52,980 --> 00:02:56,460
resultado aquí en la cadena de menos de 1.000.

54
00:02:56,460 --> 00:02:58,680
Y entonces podemos usar esto aquí,

55
00:02:58,680 --> 00:03:00,810
por ejemplo, para crear otra cadena.

56
00:03:00,810 --> 00:03:02,313
Registremos eso en la consola.

57
00:03:03,360 --> 00:03:05,643
Y nuevamente, usando una plantilla literal,

58
00:03:07,440 --> 00:03:12,090
el libro tiene paginas.

59
00:03:12,090 --> 00:03:15,720
Página de rango.

60
00:03:15,720 --> 00:03:19,173
Y ahora tenemos que el libro tiene menos de 1000 páginas.

61
00:03:20,010 --> 00:03:21,483
Pongamos este aquí de nuevo.

62
00:03:22,834 --> 00:03:25,200
y volver también al libro número uno.

63
00:03:25,200 --> 00:03:28,533
Y luego obtenemos que el libro tiene más de 1000 páginas.

64
00:03:29,730 --> 00:03:30,750
excelente.

65
00:03:30,750 --> 00:03:33,960
Para eso usamos el operador ternario.

66
00:03:33,960 --> 00:03:36,960
Entonces, para definir una variable condicionalmente.

67
00:03:36,960 --> 00:03:39,060
Y hagámoslo rápidamente aquí otra vez,

68
00:03:39,060 --> 00:03:40,920
aquí mismo en la cadena de resumen,

69
00:03:40,920 --> 00:03:42,870
Sólo para poder mostrarte que realmente podemos

70
00:03:42,870 --> 00:03:46,230
utilizar cualquier JavaScript que devuelva un valor

71
00:03:46,230 --> 00:03:47,763
aquí en uno de estos bloques.

72
00:03:50,520 --> 00:03:55,520
Entonces el libro tiene, aquí estará nuestro bloque de JavaScript.

73
00:03:57,390 --> 00:03:59,163
Y luego déjame escribir el final.

74
00:04:01,273 --> 00:04:05,610
Ha sido adaptada como película.

75
00:04:05,610 --> 00:04:10,020
Y aquí, básicamente, si la adaptación cinematográfica es cierta,

76
00:04:10,020 --> 00:04:13,560
entonces no queremos devolver nada.

77
00:04:13,560 --> 00:04:15,903
Y si es falso, no queremos devolverlo.

78
00:04:17,520 --> 00:04:20,160
Eso tiene más sentido si lo escribimos.

79
00:04:20,160 --> 00:04:23,790
También lo ha hecho la adaptación cinematográfica, que podemos volver a utilizar.

80
00:04:23,790 --> 00:04:26,670
porque ya lo sacamos del objeto

81
00:04:26,670 --> 00:04:28,863
aquí arriba en esta desestructuración.

82
00:04:30,870 --> 00:04:35,383
Entonces, si tiene una adaptación cinematográfica, no devolverá nada.

83
00:04:38,130 --> 00:04:40,773
Y si no, devuelve la cadena no.

84
00:04:41,715 --> 00:04:45,483
Y bueno, eso es un poco difícil de ver allí.

85
00:04:48,300 --> 00:04:50,640
Entonces el libro ha sido adaptado como película,

86
00:04:50,640 --> 00:04:53,133
lo cual tiene sentido porque esto aquí es cierto.

87
00:04:54,840 --> 00:04:59,610
Pero una vez más, si cambiamos esto al número dos aquí,

88
00:04:59,610 --> 00:05:02,790
luego el libro, o sí, entonces el libro es diferente.

89
00:05:02,790 --> 00:05:04,140
No tiene película.

90
00:05:04,140 --> 00:05:06,273
Y entonces nuestra cadena debería decir:

91
00:05:07,170 --> 00:05:10,260
el libro no ha sido adaptado como película.

92
00:05:10,260 --> 00:05:11,093
excelente.

93
00:05:12,120 --> 00:05:15,420
Entonces con esto usamos un condicional aquí mismo.

94
00:05:15,420 --> 00:05:17,130
dentro del literal de plantilla.

95
00:05:17,130 --> 00:05:18,810
Y no hubiera sido posible

96
00:05:18,810 --> 00:05:21,660
para usar una declaración if else aquí en su lugar,

97
00:05:21,660 --> 00:05:24,330
porque una declaración if else es,

98
00:05:24,330 --> 00:05:27,390
así como el nombre lo dice, es una declaración,

99
00:05:27,390 --> 00:05:29,640
por lo que no devuelve un valor.

100
00:05:29,640 --> 00:05:32,070
Entonces hubiera sido imposible usarlo aquí.

101
00:05:32,070 --> 00:05:35,550
Y entonces el operador ternario es exactamente el camino a seguir.

102
00:05:35,550 --> 00:05:37,905
Y como dije al principio,

103
00:05:37,905 --> 00:05:39,720
Hacemos esto todo el tiempo en React.

104
00:05:39,720 --> 00:05:41,820
Y esta es una de estas cosas.

105
00:05:41,820 --> 00:05:43,380
eso es realmente importante saber

106
00:05:43,380 --> 00:05:46,353
antes de comenzar a escribir aplicaciones React.