enfoque del ciclo de vida de componentDidMount Reaccionar

1. componentDidMount () El enfoque del ciclo de vida debe ser el más utilizado, se utiliza generalmente después de entrar en la página, la inicialización de datos, en este caso, con el método de modelo de suscripción de acción es la misma. Pero al inicializar el método de los datos se escriben en el método de suscripción, al cambiar las rutas de acceso la página, el modelo dentro de la trayectoria no cambió durante la noche, el método de inicialización no se ajustará. Pero si las interfaces de inicialización de los datos se colocan función componentDidMount, siempre y cuando la aplicación pasará a la página.

2. Al tipo de situación: una página principal, editar o añadir un (nuevo editor es generalmente la misma página) es la página de referencia de los padres:

{
  editVisible ? <PartDesignEdit form={form} editVisible={editVisible} editValue={editValue} designList={designList} colseEdit={this.colseEdit} setLoading={this.setLoading} /> : null
}
{/* <PartDesignEdit form={form} editVisible={editVisible} editValue={editValue} designList={designList} colseEdit={this.colseEdit} setLoading={this.setLoading} /> */}

La figura es una referencia a la página principal en el editor de la página, la página del editor es modal, por el control editVisible, 1 y 2 son dos formas de ver la misma

Pero cuando a veces puede encontrarse con una situación así:

1. En la página de edición es, después de modificar los datos, apague la página de edición, después de la segunda abierta y encontró que el contenido o modificada por última vez.

2. Alternativamente, la página podría añadir un poco de caja de entrada de valor es el valor inicial, después de ser editado una vez más en el valor inicial se convierte en el valor anterior de la modificación

Luego está la diferencia.

La figura en la página de edición cada vez, restablece el valor inicial (en función de su negocio):

Queremos, siempre y cuando cada entrada para editar páginas cuando para restablecer las páginas de datos no es lo suficientemente bueno, para que pueda editar el método por el componentDidMount / nueva página, para establecer el valor inicial de cada página. Sin embargo, cuando se utiliza 2 de la Figura 1, se encuentra que sólo el primer tiempo de carga de la página de edición se ejecutará, y luego volver, no puede restablecer el valor del problema sigue ahí. Sin embargo, de un modo Captura de pantalla 1 no es lo mismo, la página del editor se abre (editVisible = true) Sólo cuando la edición de las páginas de referencia, editVisible = false cuando, no se hace referencia, por lo que cada vez que editVisible = true, el equivalente a Editar página cada vez que se carga por primera vez, por lo que se ejecuta el método método componentDidMount cada vez, por lo que el problema está resuelto. Esto se puede utilizar en otras situaciones similares.

Publicado cinco artículos originales · ganado elogios 1 · Vistas a 10000 +

Supongo que te gusta

Origin blog.csdn.net/star_zone/article/details/105035518
Recomendado
Clasificación