- ¿Cuáles son los problemas de usar accesorios de renderizado con componentes puros?
- ¿El componente secundario se vuelve a renderizar cuando cambian los accesorios?
- ¿Cómo vuelvo a renderizar un componente React?
- ¿Por qué reacciona no se vuelve a renderizar cuando cambian sus accesorios?
- ¿Cuándo se actualiza el componente secundario en reaccionar?
- ¿Por qué se vuelve a renderizar el componente secundario cuando se renderiza el componente principal?
- ¿Qué hacer cuando el componente secundario recibe accesorios?
¿El cambio de accesorios Rerenderiza el componente?
Solo se puede activar una nueva representación si el estado de un componente ha cambiado. El estado puede cambiar por un cambio de props o por un cambio directo de setState. El componente obtiene el estado actualizado y React decide si debe volver a renderizar el componente.
¿Cuáles son los problemas de usar accesorios de renderizado con componentes puros?
El uso de un accesorio de renderizado puede anular la ventaja que se obtiene al usar PureComponent si creamos la función asignada dentro del método de renderizado. Esto se debe a que la comparación superficial de accesorios siempre devolverá false para nuevos accesorios, y cada representación, en este caso, generará un nuevo valor para la representación.
¿El componente secundario se vuelve a renderizar cuando cambian los accesorios?
Componente secundario Además, los accesorios se actualizan automáticamente. Aún así, puede ser útil actualizar y manipular datos de un componente secundario, especialmente cuando se trata de Redux. React probablemente realiza comparaciones superficiales y es posible que no se vuelva a procesar aunque el estado esté cambiando claramente.
¿Cómo vuelvo a renderizar un componente React?
4 métodos para forzar un renderizado en React
- Vuelva a renderizar el componente cuando cambie el estado. Cada vez que cambia el estado de un componente de React, React tiene que ejecutar el método render().
- Vuelva a renderizar el componente cuando cambien los accesorios.
- Vuelva a renderizar con clave prop.
- Forzar una nueva renderización.
- Conclusión.
¿Por qué reacciona no se vuelve a renderizar cuando cambian sus accesorios?
Aún así, puede ser útil actualizar y manipular datos de un componente secundario, especialmente cuando se trata de Redux. React probablemente realiza comparaciones superficiales y es posible que no se vuelva a procesar aunque el estado esté cambiando claramente. Como solución alternativa, puede hacer esto en mapStateToProps:
¿Cuándo se actualiza el componente secundario en reaccionar?
Como resultado, los componentes secundarios solo se actualizan cuando el estado del componente principal ha cambiado con una de esas funciones. No se permite mutar el objeto props directamente ya que esto no desencadenará ningún cambio y React no nota los cambios.
¿Por qué se vuelve a renderizar el componente secundario cuando se renderiza el componente principal?
Dado que la función se crea en el componente principal, se crea nueva en cada representación principal, lo que desencadena un cambio de propiedad en el componente secundario, lo que luego hace que el elemento secundario se vuelva a procesar (creo). Aquí hay un código de muestra para ayudar a ilustrar la situación. ¿Cómo evito que el componente secundario se procese cada vez que se procesa el componente principal?
¿Qué hacer cuando el componente secundario recibe accesorios?
Cuando el componente secundario recibe esos accesorios, debe llamar a alguna acción de Redux que cambie algunos de los accesorios que se pasaron del padre de forma asíncrona. Aquí están los dos componentes: