Ahora que sabemos qué son los accesorios,
hagamos nuestras vidas un poco más fáciles
cuando se trabaja con accesorios en la práctica.
Entonces, como ya sabemos,
cada vez que pasamos algunos accesorios a un componente,
ese componente entonces
recibe automáticamente este objeto de accesorios,
que contendrá todos los accesorios que pasamos.
Y, de hecho, todos los componentes reciben este objeto de accesorios.
Así que incluso aquí en el pie de página, donde no pasamos ningún accesorio,
podemos definir eso y podemos registrarlo en la consola.
Entonces estará vacío.
Así que veamos.
Sí, entonces está vacío, pero siempre existe.
Muy bien, esto es solo una nota al margen.
Entonces lo que queremos hacer ahora es evitar
tener que escribir este punto de accesorios y cualquier otra cosa
todo el tiempo en nuestro componente.
Entonces, ¿no sería bueno?
para recibir directamente este objeto de pizza aquí
en el componente, en lugar de solo los accesorios?
Bueno, en realidad podemos hacer eso con la desestructuración.
Y nuevamente, si la desestructuración es un concepto extraño para ti,
luego regrese a la sección de revisión anterior.
Pero de todos modos, ahora aquí,
en lugar de recibir directamente estos accesorios,
podemos desestructurarlos inmediatamente.
Y aquí podemos escribir objeto pizza,
que debe coincidir exactamente con el nombre del accesorio
eso se está pasando, así que este de aquí.
Y a partir de ahí, todos estos accesorios pueden desaparecer.
Así que los seleccionaré todos aquí, uno tras otro,
lo cual estoy haciendo usando la siguiente ocurrencia selecta.
Así que ese es este atajo justo aquí.
Así que puedes seguir adelante
y usa el acceso directo que ves aquí para ti.
Así que deshagámonos de eso.
Y esto ahora creará un pequeño problema,
y es que aquí seguimos
tratando de bloquear estos accesorios en la consola,
pero el objeto props ya no existe,
porque, bueno, inmediatamente lo desestructuramos aquí mismo.
Entonces, si quisiéramos echar un vistazo a lo que recibimos,
Tendríamos que hacerlo así.
Pero el objeto de utilería en sí ya no existe.
Pero esto es muy, muy bonito.
porque ahora mismo, todo lo que tenemos que hacer
es mirar esta línea aquí mismo
para saber qué accesorios
este componente realmente recibirá.
Entonces, antes de esto, todo lo que teníamos eran los accesorios genéricos.
Y luego si quisiéramos saber
¿Qué tipo de accesorios recibiremos aquí eventualmente?
tendríamos que ir al lugar
donde realmente se pasan los accesorios.
Pero ahora ya no.
Ahora, aquí en esta definición de componente,
Inmediatamente podemos ver que recibiremos un objeto de pizza.
Y esa es la segunda gran ventaja.
de desestructurar inmediatamente los accesorios.
Así que hagamos lo mismo aquí abajo.
De nuevo, no accesorios,
sino exactamente el nombre del accesorio que pasamos.
Ya está cerca la hora, y aquí podremos deshacernos de eso.
y por supuesto,
si estuviéramos pasando múltiples accesorios, intentémoslo.
Así que pasemos también en la hora abierta,
y luego aquí, horario de apertura.
Y aquí, todo lo que tenemos que hacer es agregar la hora de apertura.
Entonces aquí, digamos que estamos abiertos.
a partir de entonces horario de apertura,
a esto.
Sí, y eso funcionó bien.
Ahora realmente podemos definir cualquier cosa que queramos aquí.
Escribamos la prueba.
Agreguemos eso aquí, por ejemplo.
Y entonces esto simplemente no será nada.
Entonces, si intentamos desestructurar una propiedad aquí
eso no existe, simplemente no está definido.
Así que deshagámonos de eso aquí.
Pero esto fue sólo para mostrárselo.
Así que de ahora en adelante, durante el resto del curso,
Siempre recibiremos accesorios como este aquí.
Sólo asegúrate de nunca olvidar las llaves,
Porque entonces, por supuesto, todo se romperá.
Entonces ese es un error común de los principiantes.
Y sí, has sido advertido.
nunca olvides eso,
porque solo con las llaves,
en realidad estamos desestructurando.