Red de conocimiento informático - Problemas con los teléfonos móviles - Tipos de componentes comunes en el desarrollo de programación web

Tipos de componentes comunes en el desarrollo de programación web

Creo que todo el mundo ha oído o visto la forma de desarrollo de programación basada en componentes. Hoy comprenderemos y aprenderemos sobre los tipos de componentes del desarrollo web.

Estos componentes pasan muy desapercibidos en el desarrollo diario. Podemos cambiar fácilmente el valor del componente ingresando algún contenido o configurando el atributo de valor del elemento. Sin embargo, la capacitación en informática descubrió que debido a que React está limitado por un flujo de datos unidireccional, estos componentes pueden quedar fuera de control:

1. Un componente que mantiene el valor en su propio estado no se puede modificar desde el exterior. ;

2. Un componente que establece valor a través de accesorios solo se puede actualizar mediante control externo.

Recientemente encontré un problema al usar un componente ant-designUI basado en reacción producido por Ant Financial. Al editar la página, el cuadro de entrada mostrará los datos antes de guardarlos, pero usar defaultValue no funciona. el cuadro de entrada siempre está vacío en lugar del valor entrante específico.

Después de pasar valueprops al componente al que pertenece el segmento de código, el valor predeterminado en el cuadro de texto siempre está vacío, porque en el estado de la página, el valor inicial del estado correspondiente al valor es vacío, lo que resulta en una asincronía posterior. Después de que la solicitud sea exitosa, si se cambia el valor en el estado correspondiente al valor, aún se mostrará como vacío.

Busca en Google el motivo específico. Resulta que una vez que se pasa el valor predeterminado en el componente de formulario de React, los cambios posteriores al valor predeterminado no tendrán ningún efecto y serán ignorados.

Específicamente, este es un componente de reacción no controlada. Su estado se controla dentro de la reacción de entrada y no está controlado por la persona que llama. Esto se puede lograr utilizando componentes controlados.

Hablemos de este componente controlado y del componente no controlado. Ambos se basan en los elementos del componente de formulario de React. Para obtener más detalles, también puede consultar el sitio web oficial de React para obtener esta introducción. Componente controlado

Formalmente hablando, un componente controlado consiste en agregar un atributo de valor a un componente de formulario; un componente no controlado es un componente que no tiene un atributo de valor agregado;

Un valor; Se agrega El elemento del componente de formulario del atributo no mantiene su propio estado internamente. Una vez que el valor del componente se establece en un valor específico, siempre será este valor, por lo que la persona que llama debe controlar el cambio del valor del componente.

Esta forma de escribir trae un problema: cualquier valor ingresado por el usuario no funcionará durante la interacción del usuario del componente de entrada renderizado, y el valor en el cuadro de entrada siempre es ¡Hola!. Esto es inconsistente con el comportamiento de entrada en HTML.

Componentes no controlados

En términos de expresión, los elementos del componente de formulario en reacción que no agregan un atributo de valor son componentes no controlados.

Los componentes no controlados mantienen su propio estado internamente durante la implementación subyacente; esto muestra que cualquier valor ingresado por el usuario puede reflejarse en el elemento.