El estado es un concepto crucial en la reacción.
Y con nuestro conocimiento sobre el estado, ahora también podemos asegurarnos de que no solo creamos un objetivo ficticio,
sino que reflejemos la entrada real del usuario.
Entonces, para eso, volvamos a la nueva meta.
Lo que desea hacer es almacenar la entrada del usuario en alguna variable en cada pulsación de tecla para que tengamos el último valor ingresado por
el usuario y luego pasar ese valor ingresado a los accesorios en el objetivo del anuncio o a nuestro nuevo objetivo aquí en
lugar de ese texto ficticio codificado que tenemos en este momento.
Así que aquí tienes.
Quiero capturar la entrada del usuario aquí y enviar esto en lugar de ir al texto aquí como parte del nuevo
objetivo.
Entonces podríamos crear una variable aquí, entrada del usuario o texto ingresado, que inicialmente es una cadena vacía.
Y aquí, en la entrada, en realidad están configurados en caso de cambio.
Podemos escuchar cuál se dispara y cada pulsación de tecla.
Entonces ahora podemos agregar una función.
Manejador de cambio de texto.
Allí obtendremos un objeto de evento y ese objeto de evento mantendrá la entrada del usuario en el evento.
Target, que se refiere al elemento de entrada, el valor del punto y, por lo tanto, podríamos establecer un texto igual
a ese.
Ahora, ingresar texto cambiará con cada pulsación de tecla.
Una vez que vinculamos el cambio al controlador de cambio de texto de esta manera.
Ahora, aquí en un nuevo objetivo, podemos usar enter text.
¿Y qué, el usuario ingresó aquí?
Y a partir de entonces, bloqueemos toda la consola y ve aquí para que podamos ver que esto funciona, si
ahora estamos seguros y entro en la prueba aquí y hago clic en el objetivo.
Vemos que esto funciona y esto se muestra aquí.
Este enfoque generalmente está bien, pero puede tener un pequeño defecto.
¿Qué sucede si queremos restablecer esto después de agregar un nuevo objetivo?
Por supuesto, podemos ir a nuestro.
Ad manejador de oro.
Y una vez que creamos el nuevo objetivo, podemos, por supuesto, configurar ingresar el texto nuevamente en una cadena vacía.
Pero, por supuesto, esto no hará nada.
Si entré en su objetivo, ya ves, esto no se refleja aquí.
¿Por qué no se refleja?
Porque el nuevo componente de oro no se procesó.
Este no es el estado que estamos administrando.
Esta es una variable regular.
Entonces, por supuesto, podemos cambiarlo.
Por supuesto que podemos usar para cambiar el valor.
Pero si luego le damos un nuevo valor.
Esto no se refleja en nuestra entrada porque esta entrada solo tiene una conexión con el controlador de cambio de texto.
No sabe que debe reflejar el valor actual almacenado e ingresado el texto.
Ahora podríamos decirle al componente de entrada que debería hacerlo vinculando su valor prop.
Podemos vincular esto al texto ingresado y con papá le decimos el componente de entrada.
Oye, el valor que se muestra en la entrada debe ser devaluado, almacenado e ingresado.
Texto.
Si hacemos eso, sabremos algo nuevo.
Ahora, ya no podemos escribir allí, si escribo aquí, la entrada no se refleja.
Ahora, si lo piensas, tiene sentido.
Cuando le diga a reactance que la entrada debe representarse de manera tal que el valor sea ingresar, ingresar
texto con cada pulsación de tecla que cambiemos, ingresar texto, pero ingresar texto no es estado.
Es una variable regular.
Entonces eso significa que cambiamos la variable con cada pulsación de tecla pero reaccionamos mil reescribiendo el componente de
entrada.
No refleja el valor actualizado para reaccionar, devaluar siempre como una cadena vacía porque esa fue la última vez que
procesó este componente y el código X de descarga de Delford y, por lo tanto, como entrada.
Por lo tanto, debemos decirle a Reaction que este es un estado y que cuando cambia, debe volver a representar nuestro J
como código X.
Entonces, nuevamente, podemos importarlo como estado aquí y convertir enter a text use ya estructurando aquí y su estado es
inicialmente una cadena vacía o tiene una cadena vacía inicialmente aquí porque estoy administrando mi
texto ingresado.
Y el segundo elemento es una función para actualizar el estado que, por lo tanto, llamará al texto ingresado.
Y ahora aquí, en cada pulsación de tecla, configuro mi texto ingresado para devaluar un valor objetivo del evento.
Y aquí no necesitamos esa forma funcional de actualizar el estado porque tenemos un nuevo valor que
no depende del estado anterior.
Así que podemos actualizar para configurar de esta manera.
Y ahora esto lo hará.
Renderice este componente cada vez que escribamos, cada vez que llamemos a set, ingrese todavía en cada pulsación de tecla, lo que suena
horrible pero que es genial.
Reaccionar.
Haremos esto de una manera muy eficiente y, por lo tanto, este último valor se reflejará en el elemento de
entrada.
Y aquí, en ADCO Handler, si queremos actualizar, ingresar, enviar un mensaje de texto y restablecerlo, podemos desactivar la recuperación, establecer, ingresar texto y
volver a configurarlo en una cadena vacía.
Y con eso ahora tenemos lo mejor de ambos mundos.
Podemos ingresar algo aquí que todo funciona.
Pero también podemos manipularlo y restablecerlo después de agregar un nuevo objetivo como este.
Así que esto es ahora y nunca use el caso para la administración del estado.
Y, por supuesto, hay muchos casos de uso en nuestra aplicación REACT.
Y aquí estamos usando la gestión de estado para crear algo que a veces también se llama enlace de forma donde se
vincula el valor de la entrada y en cada pulsación de tecla que estamos actualizando al valor, que
luego vinculamos a la entrada para que siempre reflejemos el valor último valor dentro de la entrada.
Pero también podemos gestionar esto de forma estatal.
Entonces, ¿todos tenemos la oportunidad de manipular el valor desde nuestro código aquí y reflejar esto nuevamente en la
entrada en este caso?
Con eso, tenemos otro escenario de administración estatal y ahora podemos agregar nuestras propias metas.