1
00:00:01,050 --> 00:00:03,753
Ahora que sabemos qué son los accesorios,

2
00:00:04,917 --> 00:00:06,060
hagamos nuestras vidas un poco más fáciles

3
00:00:06,060 --> 00:00:09,240
cuando se trabaja con accesorios en la práctica.

4
00:00:09,240 --> 00:00:11,640
Entonces, como ya sabemos,

5
00:00:11,640 --> 00:00:15,330
cada vez que pasamos algunos accesorios a un componente,

6
00:00:15,330 --> 00:00:16,620
ese componente entonces

7
00:00:16,620 --> 00:00:20,310
recibe automáticamente este objeto de accesorios,

8
00:00:20,310 --> 00:00:24,240
que contendrá todos los accesorios que pasamos.

9
00:00:24,240 --> 00:00:28,533
Y, de hecho, todos los componentes reciben este objeto de accesorios.

10
00:00:29,430 --> 00:00:33,810
Así que incluso aquí en el pie de página, donde no pasamos ningún accesorio,

11
00:00:33,810 --> 00:00:37,713
podemos definir eso y podemos registrarlo en la consola.

12
00:00:38,640 --> 00:00:40,503
Entonces estará vacío.

13
00:00:41,606 --> 00:00:43,500
Así que veamos.

14
00:00:43,500 --> 00:00:47,670
Sí, entonces está vacío, pero siempre existe.

15
00:00:47,670 --> 00:00:51,873
Muy bien, esto es solo una nota al margen.

16
00:00:52,800 --> 00:00:55,200
Entonces lo que queremos hacer ahora es evitar

17
00:00:55,200 --> 00:00:59,760
tener que escribir este punto de accesorios y cualquier otra cosa

18
00:00:59,760 --> 00:01:02,190
todo el tiempo en nuestro componente.

19
00:01:02,190 --> 00:01:03,420
Entonces, ¿no sería bueno?

20
00:01:03,420 --> 00:01:06,900
para recibir directamente este objeto de pizza aquí

21
00:01:06,900 --> 00:01:10,740
en el componente, en lugar de solo los accesorios?

22
00:01:10,740 --> 00:01:14,550
Bueno, en realidad podemos hacer eso con la desestructuración.

23
00:01:14,550 --> 00:01:18,630
Y nuevamente, si la desestructuración es un concepto extraño para ti,

24
00:01:18,630 --> 00:01:22,710
luego regrese a la sección de revisión anterior.

25
00:01:22,710 --> 00:01:24,480
Pero de todos modos, ahora aquí,

26
00:01:24,480 --> 00:01:27,270
en lugar de recibir directamente estos accesorios,

27
00:01:27,270 --> 00:01:30,060
podemos desestructurarlos inmediatamente.

28
00:01:30,060 --> 00:01:33,240
Y aquí podemos escribir objeto pizza,

29
00:01:33,240 --> 00:01:36,090
que debe coincidir exactamente con el nombre del accesorio

30
00:01:36,090 --> 00:01:39,300
eso se está pasando, así que este de aquí.

31
00:01:39,300 --> 00:01:44,263
Y a partir de ahí, todos estos accesorios pueden desaparecer.

32
00:01:45,180 --> 00:01:48,330
Así que los seleccionaré todos aquí, uno tras otro,

33
00:01:48,330 --> 00:01:52,350
lo cual estoy haciendo usando la siguiente ocurrencia selecta.

34
00:01:52,350 --> 00:01:54,690
Así que ese es este atajo justo aquí.

35
00:01:54,690 --> 00:01:56,040
Así que puedes seguir adelante

36
00:01:56,040 --> 00:02:00,032
y usa el acceso directo que ves aquí para ti.

37
00:02:00,032 --> 00:02:03,000
Así que deshagámonos de eso.

38
00:02:03,000 --> 00:02:05,880
Y esto ahora creará un pequeño problema,

39
00:02:05,880 --> 00:02:08,220
y es que aquí seguimos

40
00:02:08,220 --> 00:02:11,100
tratando de bloquear estos accesorios en la consola,

41
00:02:11,100 --> 00:02:13,950
pero el objeto props ya no existe,

42
00:02:13,950 --> 00:02:18,513
porque, bueno, inmediatamente lo desestructuramos aquí mismo.

43
00:02:19,380 --> 00:02:22,360
Entonces, si quisiéramos echar un vistazo a lo que recibimos,

44
00:02:22,360 --> 00:02:24,750
Tendríamos que hacerlo así.

45
00:02:24,750 --> 00:02:28,350
Pero el objeto de utilería en sí ya no existe.

46
00:02:28,350 --> 00:02:30,540
Pero esto es muy, muy bonito.

47
00:02:30,540 --> 00:02:32,859
porque ahora mismo, todo lo que tenemos que hacer

48
00:02:32,859 --> 00:02:35,328
es mirar esta línea aquí mismo

49
00:02:35,328 --> 00:02:36,830
para saber qué accesorios

50
00:02:36,830 --> 00:02:40,530
este componente realmente recibirá.

51
00:02:40,530 --> 00:02:43,328
Entonces, antes de esto, todo lo que teníamos eran los accesorios genéricos.

52
00:02:43,328 --> 00:02:44,902
Y luego si quisiéramos saber

53
00:02:44,902 --> 00:02:48,580
¿Qué tipo de accesorios recibiremos aquí eventualmente?

54
00:02:48,580 --> 00:02:50,640
tendríamos que ir al lugar

55
00:02:50,640 --> 00:02:53,310
donde realmente se pasan los accesorios.

56
00:02:53,310 --> 00:02:55,320
Pero ahora ya no.

57
00:02:55,320 --> 00:02:58,020
Ahora, aquí en esta definición de componente,

58
00:02:58,020 --> 00:03:01,590
Inmediatamente podemos ver que recibiremos un objeto de pizza.

59
00:03:01,590 --> 00:03:03,993
Y esa es la segunda gran ventaja.

60
00:03:03,993 --> 00:03:06,945
de desestructurar inmediatamente los accesorios.

61
00:03:06,945 --> 00:03:09,843
Así que hagamos lo mismo aquí abajo.

62
00:03:10,781 --> 00:03:13,620
De nuevo, no accesorios,

63
00:03:13,620 --> 00:03:16,773
sino exactamente el nombre del accesorio que pasamos.

64
00:03:18,150 --> 00:03:22,890
Ya está cerca la hora, y aquí podremos deshacernos de eso.

65
00:03:22,890 --> 00:03:24,372
y por supuesto,

66
00:03:24,372 --> 00:03:28,173
si estuviéramos pasando múltiples accesorios, intentémoslo.

67
00:03:30,378 --> 00:03:33,333
Así que pasemos también en la hora abierta,

68
00:03:36,768 --> 00:03:38,610
y luego aquí, horario de apertura.

69
00:03:38,610 --> 00:03:43,143
Y aquí, todo lo que tenemos que hacer es agregar la hora de apertura.

70
00:03:44,160 --> 00:03:45,760
Entonces aquí, digamos que estamos abiertos.

71
00:03:47,490 --> 00:03:51,603
a partir de entonces horario de apertura,

72
00:03:54,570 --> 00:03:55,983
a esto.

73
00:03:57,510 --> 00:04:00,267
Sí, y eso funcionó bien.

74
00:04:00,267 --> 00:04:04,770
Ahora realmente podemos definir cualquier cosa que queramos aquí.

75
00:04:04,770 --> 00:04:06,061
Escribamos la prueba.

76
00:04:06,061 --> 00:04:10,170
Agreguemos eso aquí, por ejemplo.

77
00:04:10,170 --> 00:04:12,780
Y entonces esto simplemente no será nada.

78
00:04:12,780 --> 00:04:15,660
Entonces, si intentamos desestructurar una propiedad aquí

79
00:04:15,660 --> 00:04:18,453
eso no existe, simplemente no está definido.

80
00:04:21,643 --> 00:04:23,853
Así que deshagámonos de eso aquí.

81
00:04:24,690 --> 00:04:26,850
Pero esto fue sólo para mostrárselo.

82
00:04:26,850 --> 00:04:28,890
Así que de ahora en adelante, durante el resto del curso,

83
00:04:28,890 --> 00:04:32,340
Siempre recibiremos accesorios como este aquí.

84
00:04:32,340 --> 00:04:36,840
Sólo asegúrate de nunca olvidar las llaves,

85
00:04:36,840 --> 00:04:39,600
Porque entonces, por supuesto, todo se romperá.

86
00:04:39,600 --> 00:04:41,225
Entonces ese es un error común de los principiantes.

87
00:04:41,225 --> 00:04:44,370
Y sí, has sido advertido.

88
00:04:44,370 --> 00:04:45,540
nunca olvides eso,

89
00:04:45,540 --> 00:04:47,490
porque solo con las llaves,

90
00:04:47,490 --> 00:04:49,323
en realidad estamos desestructurando.