Así que ahora podemos comunicarnos.
Y en realidad estamos actualizando nuestra matriz de objetivos del curso en el componente de la aplicación.
Pero lo que ves es que a pesar de que la matriz se está actualizando y claramente el nuevo objetivo es parte de la matriz,
nuestra salida aquí en la pantalla no cambió.
Y eso nos lleva a un concepto central de estado de reacción.
React no vuelve a procesar la descarga es el código X y, por lo tanto, la interfaz de usuario real todo el tiempo cada vez que se activa algún evento en cualquier
lugar de la aplicación.
Por lo tanto, el hecho de que haga clic en este botón aquí no significa que reaccionar representará la pantalla completa solo para
asegurarse de que no se pierda ningún cambio de datos.
No es así como funciona reaccionar.
En cambio, al final, tienes que decirlo.
Reaccionar cuando debería.
Re render.
Y luego lo haces usando un concepto llamado discurso de estado.
Los objetivos son
Aquí hay una matriz de JavaScript normal.
En otras palabras, reaccionar lo ignora totalmente.
Tenemos que decir reaccionar que no debe ignorarlo y en su lugar está muerto.
Cada vez que cambiamos la matriz, debería actualizar d ui.
La J es el código X del componente en el que lo cambiamos.
Entonces, en este caso del componente de la aplicación.
Ahora para hacer eso importamos otra cosa del paquete REAC.
Y ese es el estado de uso de la función integrado en la biblioteca de reacción, un llamado gancho de reacción.
Y aprende más sobre ganchos en mi reacción para completar la guía.
Curso.
Por supuesto.
Una función que no podemos ejecutar termina en todos los componentes funcionales.
Y solo en lugar de componentes funcionales en componentes basados en clase.
También tiene un mecanismo de gestión estatal, no es el foco de este curso aquí, pero también podría hacerlo
allí.
Pero en los componentes funcionales, utiliza estas funciones de enlace, como se les llama.
Todas estas funciones.
Comenzando con el uso al principio para administrar el estado.
Por lo tanto, para administrar los datos que, cuando se modifican, deberían conducir a la interfaz de usuario de ese componente en el que se las arregla para mostrar
el estado para volver a representar.
Así que aquí está el componente de la aplicación.
No quiero llamar a use state y use state.
Paso esta matriz aquí.
Este es mi llamado estado inicial.
Entonces puedo deshacerme de ese concepto por ahora.
Esto indica que este componente tiene algún estado y que este es mi estado inicial.
Por cierto, también puede tener varias piezas de estado diferentes y todas se ven de forma independiente.
Pero aquí solo tengo un estado principal y ese es mi conjunto de objetivos.
Y digo reaccionar que tengo este estado y que este es mi estado inicial.
Ahora, por supuesto, quiero obtener acceso a ese almacenamiento de estado inicial y algo constante para poder usarlo en
el resto del componente, porque Core Scholes ahora falta en todas partes.
Entonces declaras que todos devolvieron algo.
Devuelve una matriz de exactamente dos elementos.
El primer elemento siempre es nuestra última instantánea del estado.
Entonces, nuestro estado inicial o una vez que lo cambiamos, el estado actualizado.
Y el segundo elemento de esa matriz devuelto por el estado de uso es una función que nos permite actualizar ese
estado.
Reemplácelo con un nuevo valor y diga a Reaction que debería volver a renderizarse.
Así que aquí usará la estructura de matriz D usando corchetes en el lado izquierdo de mi tiempo igual aquí
para extraer estos dos elementos.
Tengo una matriz indefinida devuelta por estado de uso.
Y siempre hay exactamente dos elementos.
Por lo tanto, no depende de qué tipo de datos de estado tatta pases aquí.
El estado de uso le proporciona una matriz con exactamente dos elementos.
Primer elemento, tu estado actual.
Entonces, en mi caso, mi matriz aquí.
Segundo elemento de función para actualizar el estado.
Por lo tanto, normalmente nombramos como conjunto.
Y luego cualquier nombre de su elección Chote.
Establecer objetivos del curso en mi caso.
Así que ahora tengo dos constantes creadas con la ayuda de U. S.
La primera constante del estado contiene mi instantánea de estado.
Segundo, constante en realidad tiene una función que podemos llamar para actualizar esa instantánea de estado.
Y llamaremos a esa función aquí y agregaremos una nueva meta.
El controlador puede llamar a objetivos establecidos del curso aquí y ahora.
Quiero actualizar los objetivos de mi curso agregando un nuevo objetivo.
Ahora, una forma simple de hacerlo es simplemente usar mis objetivos de curso anteriores y llamar a concat aquí, no presionar,
porque push modifica el elemento existente en lugar de establecer objetivos de curso una vez que una nueva matriz que reemplazará la matriz
anterior y concat también agrega un elemento a una matriz, pero devolverá una nueva matriz a la que
se agregó este elemento.
Por lo tanto, nos da una nueva gama, no toca la anterior.
Y no aprobamos el nuevo conjunto para establecer objetivos del curso y reaccionar.
Luego usará esa nueva matriz para colocarla debajo del capó, reemplazará el rayo anterior en su estado administrado
internamente y volverá a procesar este componente una vez que lo hizo, y, por lo tanto, actualizará los objetivos del discurso con la
nueva matriz.
En el próximo ciclo de renderizado, lo que significa que reaccionar ejecutará esta función aquí y, por lo
tanto, cuando lo haga, reflejará que los nuevos datos en Arjay son código X.
Así que aquí quiero alcanzar mi nuevo objetivo.
Y si ahora estamos a salvo.
Y hago clic en Agregar objetivo, verá que se agregan nuevos objetivos a la lista porque Reaccionar ahora muestra esta pantalla o las
partes que deben mostrarse nuevamente.
Cada vez que actualizamos nuestro estado ahora, la forma exacta en que reacciona el procesamiento no es el enfoque de este curso.
Puede aprenderlo y recursos dedicados como los documentos oficiales o mi guía completa.
Por ahora solo basta notar que reaccionan mágica y eficientemente.
¿Se renderizó una página o partes de la página que necesitan renderizarse nuevamente?
Según los cambios de estado que aplicamos.