Creé el componente separado, A, por supuesto, para practicar la creación de sus propios componentes, pero B, también
porque realmente es la filosofía central de reaccionar para dividir su aplicación en partes más pequeñas.
Por supuesto, depende de ti lo pequeño que quieras dividirlo.
Cada elemento de la lista, por ejemplo, también podría ser su componente anterior, y no habría nada de malo en
eso.
La idea simplemente es tener archivos de código pequeños y manejables.
Y más tarde, una vez que agreguemos más lógica a la aplicación para que también podamos interactuar con ella.
Y cambiamos una serie de objetivos, por ejemplo, al hacer clic en un botón, etc.
Nosotros, por supuesto, queremos poder gestionar gran parte de la lógica en el componente de la lista de objetivos y
no componentes obvios.
Entonces, dividirlo realmente en componentes tiene la idea de separar las preocupaciones de mantener sus archivos pequeños, enfocados y manejables, lo
que, si está trabajando en proyectos más grandes, es una gran victoria porque hace que sea mucho más fácil
administrar y trabajar en tal proyecto más grande
Ahora, hasta ahora, sin embargo, todo en nuestra aplicación está codificado.
Ahora, sería más realista decir que nuestra lista de objetivos se gestiona aquí en la aplicación.
Sí, como datos.
Y queremos representar Digo list H elementos Timal o J como elementos X basados en esos datos.
Ahora lo manejaré aquí en Abcess simplemente porque luego agregaré otro componente aquí que nos ayuda a crear
nuevas metas.
Pero por ahora, agreguemos una constante normal aquí.
Componente funcional de Tudor porque es una función JavaScript normal.
Por supuesto, puede hacer algo más que devolver J's X y el contenido del disco aquí.
Tendremos los objetivos de mi curso.
Puede nombrarlo como desee y será una matriz y sí una matriz.
Cada objetivo puede ser un objeto JavaScript creado aquí con la notación literal del objeto.
Por supuesto, también podría crear su propia clase o función constructora e instanciarla para crear dicho
objeto.
Ahora digamos que cada objetivo tiene una idea.
C. SOL. uno para coro, llame a uno y luego tiene texto, digamos.
Y el texto aquí es simplemente el texto.
He codificado aquí, terminar el curso.
Entonces copio eso.
Y en esto aquí y dividiré en varias líneas para que sea más fácil de leer porque no solo tendré un
objetivo sino también gratis.
Entonces las ideas son C. SOL. a NCG gratis, digamos.
Y ahora simplemente copiaré todo ese texto aquí.
En mis objetos aquí en Abcess.
Además, ese último texto.
De esta manera, y ahora también puedo deshacerme de ese ampersand aquí, no lo necesitamos aquí.
Todos podemos poner el texto así y reaccionar lo representará correctamente.
Así que ahora tenemos que arañar la matriz de Scholes ante mi idea.
Ahora, ¿está eso en el componente de la lista de objetivos de estos objetivos?
Esos datos aquí deberían al final salir.
Por lo tanto, se debe generar de forma dinámica en este componente, en el componente de la lista de objetivos en lugar de ser difícil.
Entonces podemos eliminar este código aquí.
No, eso nos deja con dos problemas.
Número uno, ¿cómo podemos generar una lista de datos dinámicamente en J como X?
Pero más importante que eso en este momento.
¿Cómo podemos obtener esa lista de datos que se define en el componente de la aplicación en el componente Gollust?
Bueno, centrémonos en eso primero, porque sin eso, no podemos enfocarnos en el otro problema.
Podemos pasar datos de componente a componente con un concepto llamado accesorios cortos para propiedades.
Podemos definir el nuestro.
Se podrían decir atributos que son estos accesorios en nuestros propios componentes.
Entonces, por ejemplo, aquí en la lista de objetivos, podría decir que tenemos artículos, atributos u objetivos, atributos
totalmente suyos.
Iré con goles aquí.
Y ese atributo o accesorio de oro es el término común.
Entonces, ¿el accesorio de Gold pasa estos datos a ese componente?
Ahora, para eso, no uso una cadena aquí, que quiero pasar, sino que
quiero pasar mi matriz D de estructura de datos JavaScript aquí y para papá aquí, en realidad usamos un número
especial Syntex y J como X. Usamos llaves simples de apertura y cierre.
Parece que estamos creando un objeto de trabajo aquí, pero no lo estamos.
Si haces esto dentro de J es X, que estoy haciendo aquí.
Eso es J es X, entonces esto significa que desea fusionar su código J is X con alguna expresión de JavaScript al final.
Y aquí podemos señalar las habilidades básicas.
Esa es una expresión de JavaScript válida.
Solo apuntamos a una constante.
Y lo que Disneylandia significa está muerto.
La reacción pasará.
Objetivos del curso aquí.
El valor almacenado en esta constante en este caso, esta matriz en este lugar de J es X.
En este caso, en este accesorio, por lo tanto.
Entonces, los objetivos serán un accesorio que tiene una referencia a esta matriz ahora.
Ahora dentro de la lista de objetivos, ahora podemos recibir el accesorio de ese oro.
Así que vamos a la lista de objetivos y veamos cómo funciona eso en la lista de objetivos.
Tenemos una función, ¿verdad?
Un componente funcional.
Ahora, esta función en este momento no obtiene ningún parámetro.
Podemos cambiar esto.
Podemos recibir un parámetro de accesorios aquí.
Cada función que se usa como componente de reacción, lo que significa que devuelve J es X, también recibe accesorios.
¿Este objeto pasa a su componente funcional de reacción automáticamente al reaccionar?
Y es el objeto que agrupa todos los accesorios que pasó al componente.
Entonces, en nuestro caso, los objetivos son un solo accesorio que tenemos.
Entonces, aquí tendremos un objeto que tiene una propiedad con el nombre de objetivos que tiene el valor pasado para
ese accesorio.
En otras palabras, aquí, podría bloquear la consola, objetivos de inicio de apoyo, objetivos de punto, porque nombré por objetivos de
Propp aquí.
Si elige un nombre diferente aquí, que está perfectamente bien, debe usar el nombre diferente aquí.
Ahora, si guardamos eso, ya no veremos nuestros objetivos en este momento.
Pero si abrimos las herramientas de desarrollador, vemos que estos Arae están bloqueados aquí.
Y el registro de papá proviene de la línea seis de la lista de objetivos, como puede ver, que
por supuesto, es este registro aquí y allá, vemos nuestros datos de objetivos, lo que significa que sí, llega con éxito dentro del componente Gollust.
El concepto de accesorios es un concepto súper importante en reaccionar, porque esto es lo que le permite pasar datos
del Componente A, el componente de la aplicación al componente B, el componente de la lista de objetivos.
En este caso.
Ahora echemos un vistazo a cómo podemos generar una lista de datos dinámicamente en J como X, porque aquí tenemos una lista
de objetivos, una serie de objetivos, y queremos generar esto como elementos de lista aquí en nuestra lista
desordenada.