change title javascript

¿Cuándo se desmonta un componente?

Question

Mi entendimiento actual es que un componente se monta en el DOM cuando se necesita ver o cuando la ruta requiere ese componente. También hará que sus componentes secundarios. ¿Esto significa que un componente se desmontará cuando visite una ruta que no tenga ese componente o cuando visite una página que no muestre el elemento que produce ese componente? Por lo tanto, será necesario volver a montar un componente cada vez que aparezca en el DOM (fuera de los cambios de estado y prop), ¿correcto?

Answer 1

Si el componente necesita renderizarse, debe montarse en DOM.

Si no, pero debe ser montado antes, si debe ser desmontado.

Answer 2

Yo diría que un componente se monta en el DOM solo si se usa a través de otro componente, incluido un componente de enrutador. No piense en los enrutadores como elementos / cosas especiales en Reaccionar. Son como otros componentes y hacen una coincidencia entre la URL actual y los patrones que tienen para decidir qué componente se debe procesar a través de la función render() de Router. Siempre que hay un cambio de URL, el enrutador elige el nuevo componente para renderizar y realiza la representación a través de la función render() .

Answer 3

Durante la Reconciliación de VirtualDOM si un componente existía pero ya no lo está, el componente se considera desmontado y se le da la oportunidad de limpiar (a través de componentWillUnmount ).

Lo contrario es cierto, durante la reconciliación, si un componente no existía, pero ahora sí, el componente se considera listo para montar, y se le da la oportunidad de prepararse ( constructor / componentWillMount )

Al derribar un árbol, los nodos DOM antiguos se destruyen. Las instancias de componente reciben componentWillUnmount (). Al crear un nuevo árbol, los nuevos nodos DOM se insertan en el DOM. Las instancias de componentes reciben componentWillMount () y luego componentDidMount (). Cualquier estado asociado con el árbol viejo se pierde.

https://facebook.github.io/react/docs/reconciliation.html

Esa página en particular vale la pena leerla si aún no lo has hecho. También explica por qué la key es bastante importante para elementos repetidos.